アップデートしまった（多分）

composer.json

@@ -6,13 +6,13 @@
     "type": "project",
     "require": {
         "php": ">=7.1.3",
-        "barryvdh/laravel-cors": "^0.11.0",
+        "barryvdh/laravel-cors": "^0.11.2",
         "dingo/api": "2.0.0-alpha2",
         "fideloper/proxy": "~4.0",
-        "laravel/framework": "5.6.*",
+        "laravel/framework": "5.7.*",
         "laravel/tinker": "~1.0",
-        "predis/predis": "^1.1",
-        "tymon/jwt-auth": "1.0.0-rc.2"
+        "predis/predis": "^1.1.1",
+        "tymon/jwt-auth": "1.0.0-rc.3"
     },
     "require-dev": {
         "filp/whoops": "~2.0",

package.json

@@ -12,12 +12,16 @@
     },
     "devDependencies": {
         "axios": "^0.18",
-        "bootstrap": "^4.0.0",
-        "popper.js": "^1.12",
-        "cross-env": "^5.1",
-        "jquery": "^3.2",
-        "laravel-mix": "^2.0",
-        "lodash": "^4.17.4",
-        "vue": "^2.5.7"
+        "bootstrap": "^4.2.1",
+        "cross-env": "^5.2",
+        "jquery": "^3.3.1",
+        "laravel-mix": "^4.0.13",
+        "lodash": "^4.17.11",
+        "popper.js": "^1.14.6",
+        "resolve-url-loader": "^2.3.1",
+        "sass": "^1.15.3",
+        "sass-loader": "^7.1.0",
+        "vue": "^2.5.21",
+        "vue-template-compiler": "^2.5.21"
     }
 }

resources/assets/js/app.js

@@ -19,6 +19,6 @@ Vue.component('bash', require('./components/cli.vue'));
 
 // Vue.component('example', require('./components/Example.vue'));
 
-new Vue({
+const app = new Vue({
     el: '#app'
 });

resources/assets/js/bootstrap.js

@@ -30,13 +30,13 @@ window.axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest';
  * a simple convenience so we don't have to attach every token manually.
  */
 
-// let token = document.head.querySelector('meta[name="csrf-token"]');
+let token = document.head.querySelector('meta[name="csrf-token"]');
 
-// if (token) {
-    // window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
-// } else {
-    // console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
-// }
+if (token) {
+    window.axios.defaults.headers.common['X-CSRF-TOKEN'] = token.content;
+} else {
+    console.error('CSRF token not found: https://laravel.com/docs/csrf#csrf-x-csrf-token');
+}
 
 /**
  * Echo exposes an expressive API for subscribing to channels and listening

resources/assets/js/components/cli.vue

@@ -1,10 +1,11 @@
 <template>
   <div>
     <span class="regText">
-      <span v-for="(l, i) in line" :key="`l-${i}`">
       <span class="regBold">
         {{ l.username }}@{{ l.hostname }}:<span class="pathText">{{ l.path }}</span>
       </span>$
+      <span id="box">&#9646;</span>
+      <span v-for="(l, i) in line" :key="`l-${i}`">
         <span v-if="l.active">
           <input
             :key="i"
@@ -92,8 +93,7 @@
 
 <script>
   export default {
-  name: 'cli',
-  data () {
+    data: function () {
       return {
         user: 'user',
         host: '076server',
@@ -137,7 +137,6 @@ export default {
         });
       },
       execContinue(text, key) {
-      // this.result[key].active = false;
         var arg = text.split(' ');
 
         if (arg[0] === 'ls') this.ls(this.line[key].path);
@@ -163,12 +162,10 @@ export default {
           this.line,
           this.result
         ]);
-console.log(this.group);
       },
       ls(pwd) {
         var neopwd = pwd.replace('/', 'sl');
         axios.get('/api/rpc/bash/ls/' + neopwd).then(res => {
-        console.log(res.data);
           this.result.push({
             active: true,
             text: res.data,
@@ -201,8 +198,15 @@ console.log(this.group);
   }
 </script>
 
-<!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
+  @keyframes blink {
+    0%   { opacity: 0; }
+    50%  { opacity: 1; }
+    100% { opacity: 0; }
+  }
+  #box {
+    animation: blink 1s infinite;
+  }
   .inputField {
     background-color: #000000;
     color: #73D216;
@@ -211,7 +215,6 @@ console.log(this.group);
     font-size: large;
     width: 500px;
     outline: none;
-
   }
   .regBold {
     font-weight: bold;