diff --git a/unjo.Web/App/app.vue b/unjo.Web/App/app.vue
new file mode 100644
index 00000000..683548fe
--- /dev/null
+++ b/unjo.Web/App/app.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="app">
+    count: {{count}} <br>
+    <button @click="add()">add</button>
+  </div>
+</template>
+
+
+<script>
+  import Vue from 'vue'
+
+  export default {
+    name: 'app',
+
+    data: () => ({
+      count: 0
+    }),
+
+    mounted ()
+    {
+      
+    },
+
+    methods: {
+
+      add()
+      {
+        this.count += 1;
+      }
+    }
+  }
+
+</script>
\ No newline at end of file
diff --git a/unjo.Web/app.js b/unjo.Web/app.js
index 1faaea21..fac6aa99 100644
--- a/unjo.Web/app.js
+++ b/unjo.Web/app.js
@@ -1,7 +1,6 @@
-//import Vue from 'vue'
-//import App from 'cmp/app.vue'
+import Vue from 'vue';
+import App from 'unjo/app.vue';
 //import 'filter/generic.js'
 //import 'directive/filedrop.js'
 
-//new Vue(App).$mount('#app'); 
-console.info('hi');
\ No newline at end of file
+new Vue(App).$mount('#app'); 
\ No newline at end of file
diff --git a/unjo.Web/unjo.Web.csproj b/unjo.Web/unjo.Web.csproj
index 3ca15998..ac4d5181 100644
--- a/unjo.Web/unjo.Web.csproj
+++ b/unjo.Web/unjo.Web.csproj
@@ -40,4 +40,8 @@
     <ProjectReference Include="..\unjo.Core\unjo.Core.csproj" />
   </ItemGroup>
 
+  <ItemGroup>
+    <Folder Include="NewFolder\" />
+  </ItemGroup>
+
 </Project>
diff --git a/unjo.Web/webpack.config.js b/unjo.Web/webpack.config.js
index 7a5641ba..8db32b11 100644
--- a/unjo.Web/webpack.config.js
+++ b/unjo.Web/webpack.config.js
@@ -23,6 +23,7 @@ module.exports = {
     extensions: ['.js', '.vue', '.json'],
     alias: {
       'vue$': 'vue/dist/vue.esm.js',
+      'unjo': path.join(__dirname, 'App'),
       '@': __dirname
     }
   },