Add an option for vue-router (vuejs-templates#415)

* adding a router option

* don't turn on history mode automatically

Author: crswll

meta.js

@@ -40,6 +40,10 @@ module.exports = {
         }
       ]
     },
+    "router": {
+      "type": "confirm",
+      "message": "Install vue-router?"
+    },
     "lint": {
       "type": "confirm",
       "message": "Use ESLint to lint your code?"
@@ -81,7 +85,8 @@ module.exports = {
     "config/test.env.js": "unit || e2e",
     "test/unit/**/*": "unit",
     "build/webpack.test.conf.js": "unit",
-    "test/e2e/**/*": "e2e"
+    "test/e2e/**/*": "e2e",
+    "src/router/**/*": "router"
   },
   "completeMessage": "To get started:\n\n  cd {{destDirName}}\n  npm install\n  npm run dev\n\nDocumentation can be found at https://vuejs-templates.github.io/webpack"
 };

template/package.json

@@ -13,7 +13,8 @@
     "lint": "eslint --ext .js,.vue src{{#unit}} test/unit/specs{{/unit}}{{#e2e}} test/e2e/specs{{/e2e}}"{{/lint}}
   },
   "dependencies": {
-    "vue": "^2.1.10"
+    "vue": "^2.1.10"{{#router}},
+    "vue-router": "^2.1.1"{{/router}}
   },
   "devDependencies": {
     "autoprefixer": "^6.7.2",

template/src/App.vue

@@ -1,18 +1,26 @@
 <template>
   <div id="app">
     <img src="./assets/logo.png">
+    {{#router}}
+    <router-view></router-view>
+    {{else}}
     <hello></hello>
+    {{/router}}
   </div>
 </template>
 
 <script>
+{{#unless router}}
 import Hello from './components/Hello'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 
+{{/unless}}
 export default {
   name: 'app',
+  {{#unless router}}
   components: {
     Hello{{#if_eq lintConfig "airbnb"}},{{/if_eq}}
   }{{#if_eq lintConfig "airbnb"}},{{/if_eq}}
+  {{/unless}}
 }{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 </script>
 

template/src/main.js

@@ -4,10 +4,17 @@
 {{/if_eq}}
 import Vue from 'vue'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
 import App from './App'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
+{{#router}}
+
+import router from './router'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
+{{/router}}
 
 /* eslint-disable no-new */
 new Vue({
   el: '#app',
+  {{#router}}
+  router,
+  {{/router}}
   {{#if_eq build "runtime"}}
   render: h => h(App){{#if_eq lintConfig "airbnb"}},{{/if_eq}}
   {{/if_eq}}

template/src/router/index.js

@@ -0,0 +1,16 @@
+import Vue from 'vue'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
+import Router from 'vue-router'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
+
+Vue.use(Router){{#if_eq lintConfig "airbnb"}};{{/if_eq}}
+
+import Hello from '../components/Hello'{{#if_eq lintConfig "airbnb"}};{{/if_eq}}
+
+export default new Router({
+  routes: [
+    {
+      path: '/',
+      name: 'Hello',
+      component: Hello{{#if_eq lintConfig "airbnb"}},{{/if_eq}}
+    }{{#if_eq lintConfig "airbnb"}},{{/if_eq}}
+  ]{{#if_eq lintConfig "airbnb"}},{{/if_eq}}
+}){{#if_eq lintConfig "airbnb"}};{{/if_eq}}