diff --git a/assets/app.js b/assets/app.js
index 4df878f..846da8c 100644
--- a/assets/app.js
+++ b/assets/app.js
@@ -7,12 +7,8 @@
// any CSS you import will output into a single css file (app.scss in this case)
import './styles/app.scss';
-
-
import 'bootstrap';
-import getNiceMessage from './jstest';
-console.info(getNiceMessage(3));
// start the Stimulus application
import './bootstrap';
diff --git a/assets/files.js b/assets/files.js
new file mode 100644
index 0000000..137e63b
--- /dev/null
+++ b/assets/files.js
@@ -0,0 +1,7 @@
+import Vue from 'vue';
+import App from './pages/files'
+
+
+new Vue({
+ render: h => h(App)
+}).$mount('#app');
\ No newline at end of file
diff --git a/assets/jstest.js b/assets/jstest.js
deleted file mode 100644
index a3020b7..0000000
--- a/assets/jstest.js
+++ /dev/null
@@ -1,3 +0,0 @@
-export default function (param) {
- return 'test - '.repeat(param)
-}
\ No newline at end of file
diff --git a/assets/pages/files.vue b/assets/pages/files.vue
new file mode 100644
index 0000000..9a975c1
--- /dev/null
+++ b/assets/pages/files.vue
@@ -0,0 +1,15 @@
+
+ hello {{ world }}
+
+
+
\ No newline at end of file
diff --git a/package.json b/package.json
index 26e0dba..2ea2dc2 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,9 @@
"regenerator-runtime": "^0.13.2",
"sass": "^1.52.1",
"sass-loader": "^12.0.0",
+ "vue": "^2.5",
+ "vue-loader": "^15.9.5",
+ "vue-template-compiler": "^2.6.14",
"webpack-notifier": "^1.6.0"
},
"license": "UNLICENSED",
diff --git a/templates/file/index.html.twig b/templates/file/index.html.twig
index fa7d483..7fb534c 100644
--- a/templates/file/index.html.twig
+++ b/templates/file/index.html.twig
@@ -3,18 +3,10 @@
{% block title %}Hello FileController!{% endblock %}
{% block body %}
-
-
-
-
Hello {{ controller_name }}! ✅
-
- This friendly message is coming from:
-
-