add package.json

.gitignore

@@ -0,0 +1,4 @@
+# node_modules
+/node_modules
+
+/package-lock.json

README.md

@@ -1,8 +1,9 @@
-# vuejs
+vuejs
+=====
+for yii2 web application 
 
-for yii2 web application
-
-## Installation
+Installation
+------------
 
 The preferred way to install this extension is through [composer](https://getcomposer.org/download/).
 
@@ -20,20 +21,11 @@ or add
 
 to the require section of your `composer.json` file.
 
-## After installing the extension, first install the vuejs framework
-
-Either run
-
-```
-# install deps
-npm install
-```
 
 Usage
+----- 
 
----
-
-Once the extension is installed, simply use it in your code by :
+Once the extension is installed, simply use it in your code by  :
 
 ```php
 <?php
@@ -56,70 +48,21 @@ use aki\vue\Vue;
                 . "}"),
     ]
 ]); ?>
-
+    
     <p>{{ message }}</p>
     <button v-on:click="reverseMessage">Reverse Message</button>
-
+    
     <p v-if="seen">Now you see me</p>
-
-
+    
+    
     <ol>
         <li v-for="todo in todos">
           {{ todo.text }}
         </li>
     </ol>
-
+    
     <p>{{ message }}</p>
     <input v-model="message">
-
-
+  
+  
 <?php Vue::end(); ?>
-```
-
-Add Vue Router
-
----
-
-simply use it in your code by :
-
-```php
-<?php
-use aki\vue\Vue;
-use aki\vue\VueRouter;
-use aki\vue\VueComponent;
-?>
-<?php Vue::begin([
-    'id' => "vue-app",
-    'vueRouter'=> VueRouter::widget([
-        'routes' => [
-            [
-                'path' => '/foo',
-                'component' => new VueComponent([
-                    'template' => '@vueroot/views/foo.php',
-                    'components' => [
-                        'yoo-component'=> new VueComponent([
-                            'template' => '<div>yoo!!! {{id}}</div>',
-                                'props' => [
-                                    'id'
-                                ]
-                            ])
-                        ],
-                ])
-            ],
-            [
-                'path' => '/bar',
-                'component' => new VueComponent([
-                    'template' => '<div>hello</div>'
-                ])
-            ]
-        ]
-    ])
-]); ?>
-
-    <router-link to="/foo">Go to Foo</router-link>
-    <router-link to="/bar">Go to Bar</router-link>
-
-    <!-- route outlet -->
-    <?= VueRouter::$outlet ?><!-- <router-view></router-view> -->
-<?php Vue::end(); ?>
-```