first commit

app_vue/node_modules/@vue/cli-plugin-router/generator/index.js

@@ -0,0 +1,44 @@
+module.exports = (api, options = {}, rootOptions = {}) => {
+  const isVue3 = (rootOptions.vueVersion === '3')
+
+  api.injectImports(api.entryFile, `import router from './router'`)
+
+  if (isVue3) {
+    api.transformScript(api.entryFile, require('./injectUseRouter'))
+    api.extendPackage({
+      dependencies: {
+        'vue-router': '^4.0.3'
+      }
+    })
+  } else {
+    api.injectRootOptions(api.entryFile, `router`)
+
+    api.extendPackage({
+      dependencies: {
+        'vue-router': '^3.5.1'
+      }
+    })
+  }
+
+  api.render('./template', {
+    historyMode: options.historyMode,
+    doesCompile: api.hasPlugin('babel') || api.hasPlugin('typescript'),
+    hasTypeScript: api.hasPlugin('typescript')
+  })
+
+  if (isVue3) {
+    api.render('./template-vue3', {
+      historyMode: options.historyMode,
+      doesCompile: api.hasPlugin('babel') || api.hasPlugin('typescript'),
+      hasTypeScript: api.hasPlugin('typescript')
+    })
+  }
+
+  if (api.invoking) {
+    if (api.hasPlugin('typescript')) {
+      /* eslint-disable-next-line node/no-extraneous-require */
+      const convertFiles = require('@vue/cli-plugin-typescript/generator/convert')
+      convertFiles(api)
+    }
+  }
+}

app_vue/node_modules/@vue/cli-plugin-router/generator/injectUseRouter.js

@@ -0,0 +1,29 @@
+module.exports = (file, api) => {
+  const j = api.jscodeshift
+  const root = j(file.source)
+
+  const appRoots = root.find(j.CallExpression, (node) => {
+    if (j.Identifier.check(node.callee) && node.callee.name === 'createApp') {
+      return true
+    }
+
+    if (
+      j.MemberExpression.check(node.callee) &&
+      j.Identifier.check(node.callee.object) &&
+      node.callee.object.name === 'Vue' &&
+      j.Identifier.check(node.callee.property) &&
+      node.callee.property.name === 'createApp'
+    ) {
+      return true
+    }
+  })
+
+  appRoots.replaceWith(({ node: createAppCall }) => {
+    return j.callExpression(
+      j.memberExpression(createAppCall, j.identifier('use')),
+      [j.identifier('router')]
+    )
+  })
+
+  return root.toSource()
+}

app_vue/node_modules/@vue/cli-plugin-router/generator/template-vue3/src/App.vue

@@ -0,0 +1,63 @@
+---
+extend: '@vue/cli-service/generator/template/src/App.vue'
+replace:
+  - !!js/regexp /<template>[^]*?<\/template>/
+  - !!js/regexp /\n<script>[^]*?<\/script>\n/
+  - !!js/regexp /  margin-top[^]*?<\/style>/
+---
+
+<%# REPLACE %>
+<template>
+  <nav>
+    <router-link to="/">Home</router-link> |
+    <router-link to="/about">About</router-link>
+  </nav>
+  <router-view/>
+</template>
+<%# END_REPLACE %>
+
+<%# REPLACE %>
+<%# END_REPLACE %>
+
+<%# REPLACE %>
+}
+
+<%_ if (rootOptions.cssPreprocessor !== 'stylus') { _%>
+  <%_ if (!rootOptions.cssPreprocessor) { _%>
+nav {
+  padding: 30px;
+}
+
+nav a {
+  font-weight: bold;
+  color: #2c3e50;
+}
+
+nav a.router-link-exact-active {
+  color: #42b983;
+}
+  <%_ } else { _%>
+nav {
+  padding: 30px;
+
+  a {
+    font-weight: bold;
+    color: #2c3e50;
+
+    &.router-link-exact-active {
+      color: #42b983;
+    }
+  }
+}
+  <%_ } _%>
+<%_ } else { _%>
+nav
+  padding 30px
+  a
+    font-weight bold
+    color #2c3e50
+    &.router-link-exact-active
+      color #42b983
+<%_ } _%>
+</style>
+<%# END_REPLACE %>

app_vue/node_modules/@vue/cli-plugin-router/generator/template-vue3/src/router/index.js

@@ -0,0 +1,45 @@
+import { createRouter<%
+  if (historyMode) {
+    %>, createWebHistory<%
+  } else {
+    %>, createWebHashHistory<%
+  }
+
+  if (hasTypeScript) {
+    %>, RouteRecordRaw<%
+  }
+  %> } from 'vue-router'
+import HomeView from '../views/HomeView.vue'
+
+const routes<% if (hasTypeScript) { %>: Array<RouteRecordRaw><% } %> = [
+  {
+    path: '/',
+    name: 'home',
+    component: HomeView
+  },
+  {
+    path: '/about',
+    name: 'about',
+    // route level code-splitting
+    // this generates a separate chunk (about.[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    <%_ if (doesCompile) { _%>
+    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
+    <%_ } else { _%>
+    component: function () {
+      return import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
+    }
+    <%_ } _%>
+  }
+]
+
+const router = createRouter({
+  <%_ if (historyMode) { _%>
+  history: createWebHistory(process.env.BASE_URL),
+  <%_ } else { _%>
+  history: createWebHashHistory(),
+  <%_ } _%>
+  routes
+})
+
+export default router

app_vue/node_modules/@vue/cli-plugin-router/generator/template/src/App.vue

@@ -0,0 +1,65 @@
+---
+extend: '@vue/cli-service/generator/template/src/App.vue'
+replace:
+  - !!js/regexp /<template>[^]*?<\/template>/
+  - !!js/regexp /\n<script>[^]*?<\/script>\n/
+  - !!js/regexp /  margin-top[^]*?<\/style>/
+---
+
+<%# REPLACE %>
+<template>
+  <div id="app">
+    <nav>
+      <router-link to="/">Home</router-link> |
+      <router-link to="/about">About</router-link>
+    </nav>
+    <router-view/>
+  </div>
+</template>
+<%# END_REPLACE %>
+
+<%# REPLACE %>
+<%# END_REPLACE %>
+
+<%# REPLACE %>
+}
+
+<%_ if (rootOptions.cssPreprocessor !== 'stylus') { _%>
+  <%_ if (!rootOptions.cssPreprocessor) { _%>
+nav {
+  padding: 30px;
+}
+
+nav a {
+  font-weight: bold;
+  color: #2c3e50;
+}
+
+nav a.router-link-exact-active {
+  color: #42b983;
+}
+  <%_ } else { _%>
+nav {
+  padding: 30px;
+
+  a {
+    font-weight: bold;
+    color: #2c3e50;
+
+    &.router-link-exact-active {
+      color: #42b983;
+    }
+  }
+}
+  <%_ } _%>
+<%_ } else { _%>
+nav
+  padding 30px
+  a
+    font-weight bold
+    color #2c3e50
+    &.router-link-exact-active
+      color #42b983
+<%_ } _%>
+</style>
+<%# END_REPLACE %>

app_vue/node_modules/@vue/cli-plugin-router/generator/template/src/router/index.js

@@ -0,0 +1,45 @@
+import Vue from 'vue'
+<%_ if (hasTypeScript) { _%>
+import VueRouter, { RouteConfig } from 'vue-router'
+<%_ } else { _%>
+import VueRouter from 'vue-router'
+<%_ } _%>
+import HomeView from '../views/HomeView.vue'
+
+Vue.use(VueRouter)
+
+<%_ if (hasTypeScript) { _%>
+const routes: Array<RouteConfig> = [
+<%_ } else { _%>
+const routes = [
+<%_ } _%>
+  {
+    path: '/',
+    name: 'home',
+    component: HomeView
+  },
+  {
+    path: '/about',
+    name: 'about',
+    // route level code-splitting
+    // this generates a separate chunk (about.[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    <%_ if (doesCompile) { _%>
+    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
+    <%_ } else { _%>
+    component: function () {
+      return import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
+    }
+    <%_ } _%>
+  }
+]
+
+const router = new VueRouter({
+  <%_ if (historyMode) { _%>
+  mode: 'history',
+  base: process.env.BASE_URL,
+  <%_ } _%>
+  routes
+})
+
+export default router

app_vue/node_modules/@vue/cli-plugin-router/generator/template/src/views/AboutView.vue

@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>

app_vue/node_modules/@vue/cli-plugin-router/generator/template/src/views/HomeView.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="home">
+    <img alt="Vue logo" src="../assets/logo.png">
+    <%_ if (!rootOptions.bare) { _%>
+    <HelloWorld msg="Welcome to Your Vue.js App"/>
+    <%_ } else { _%>
+    <h1>Welcome to Your Vue.js App</h1>
+    <%_ } _%>
+  </div>
+</template>
+<%_ if (!rootOptions.bare) { _%>
+
+<script>
+// @ is an alias to /src
+import HelloWorld from '@/components/HelloWorld.vue'
+
+export default {
+  name: 'HomeView',
+  components: {
+    HelloWorld
+  }
+}
+</script>
+<%_ } _%>