diff --git a/resources/assets/js/app.js b/resources/assets/js/app.js
index 60a98ba..f095883 100644
--- a/resources/assets/js/app.js
+++ b/resources/assets/js/app.js
@@ -8,8 +8,9 @@
 require('./bootstrap');
 
 window.Vue = require('vue');
+import bash from './components/cli.vue';
 
-Vue.component('bash', require('./components/cli.vue'));
+Vue.component('bash', bash);
 
 /**
  * Next, we will create a fresh Vue application instance and attach it to
diff --git a/resources/assets/js/components/cli.vue b/resources/assets/js/components/cli.vue
index e6c68d3..402b206 100644
--- a/resources/assets/js/components/cli.vue
+++ b/resources/assets/js/components/cli.vue
@@ -2,7 +2,7 @@
   <div>
     <span class="regText">
       <span class="regBold">
-        {{ l.username }}@{{ l.hostname }}:<span class="pathText">{{ l.path }}</span>
+        {{ user }}@{{ host }}:<span class="pathText">{{ pwd }}</span>
       </span>$
       <span id="box">&#9646;</span>
       <span v-for="(l, i) in line" :key="`l-${i}`">