Apr 16, 2020 · Apr 13, 2020 · Apr 15, 2020
diff --git a/generator/codemods/router/__testfixtures__/create-history.input.js b/generator/codemods/router/__testfixtures__/create-history.input.js
  routes
 });

 new VueRouter({
  mode: 'history',
  routes
 });

 export default router;
diff --git a/generator/codemods/router/__testfixtures__/create-history.output.js b/generator/codemods/router/__testfixtures__/create-history.output.js
 ];

 const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
 });

 createRouter({
  history: createWebHistory(),
  base: process.env.BASE_URL,
  routes
 });

diff --git a/generator/codemods/router/__testfixtures__/create-router.input.js b/generator/codemods/router/__testfixtures__/create-router.input.js
  routes
 });

 new VueRouter({
  routes
 });

 export default router;
diff --git a/generator/codemods/router/__testfixtures__/create-router.output.js b/generator/codemods/router/__testfixtures__/create-router.output.js
 import { createRouter } from 'vue-router';
 import { createRouter, createWebHashHistory } from 'vue-router';
 import Home from '../views/Home.vue';

 const routes = [
 ];

 const router = createRouter({
  base: process.env.BASE_URL,
  history: createWebHashHistory(process.env.BASE_URL),
  routes
 });

 createRouter({
  history: createWebHashHistory(),
  routes
 });

diff --git a/generator/codemods/router/index.js b/generator/codemods/router/index.js
    addImport(context, { imported: 'createRouter' }, 'vue-router')
    newVueRouter.replaceWith(({ node }) => {
      // mode: 'history' -> history: createWebHistory(), etc
      let historyMode = 'createWebHashHistory'
      let baseValue
      node.arguments[0].properties = node.arguments[0].properties.map(p => {
        if (p.key.name === 'mode') {
          const mode = p.value.value
          let initializer
          if (mode === 'hash') {
 initializer = 'createWebHashHistory'
 historyMode = 'createWebHashHistory'
          } else if (mode === 'history') {
 initializer = 'createWebHistory'
 historyMode = 'createWebHistory'
          } else if (mode === 'abstract') {
 initializer = 'createMemoryHistory'
 historyMode = 'createMemoryHistory'
          } else {
            console.error(
              `mode must be one of 'hash', 'history', or 'abstract'`
            )
            return p
          }

          addImport(context, { imported: initializer }, 'vue-router')
          return j.objectProperty(
            j.identifier('history'),
            j.callExpression(j.identifier(initializer), [])
          )
          return
        } else if (p.key.name === 'base') {
          baseValue = p.value
          return
        }

        return p
      })

      // add the default mode with a hash history
      addImport(context, { imported: historyMode }, 'vue-router')
      node.arguments[0].properties = node.arguments[0].properties.filter(
        p => !!p
      )
      node.arguments[0].properties.unshift(
        j.objectProperty(
          j.identifier('history'),
          j.callExpression(
            j.identifier(historyMode),
            baseValue ? [baseValue] : []
          )
        )
      )

      return j.callExpression(j.identifier('createRouter'), node.arguments)
    })
    removeExtraneousImport(context, localVueRouter)
Original file line number	Diff line number	Diff line change
Expand Up		@@ -20,4 +20,9 @@ const router = new VueRouter({
		routes
		});

		new VueRouter({
		mode: 'history',
		routes
		});

		export default router;
Original file line number	Diff line number	Diff line change
Expand Up		@@ -15,8 +15,12 @@ const routes = [
		];

		const router = createRouter({
		history: createWebHistory(process.env.BASE_URL),
		routes
		});

		createRouter({
		history: createWebHistory(),
		base: process.env.BASE_URL,
		routes
		});

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -19,4 +19,8 @@ const router = new VueRouter({
		routes
		});

		new VueRouter({
		routes
		});

		export default router;
Original file line number	Diff line number	Diff line change
		@@ -1,4 +1,4 @@
		import { createRouter } from 'vue-router';
		import { createRouter, createWebHashHistory } from 'vue-router';
		import Home from '../views/Home.vue';

		const routes = [
Expand All		@@ -15,7 +15,12 @@ const routes = [
		];

		const router = createRouter({
		base: process.env.BASE_URL,
		history: createWebHashHistory(process.env.BASE_URL),
		routes
		});

		createRouter({
		history: createWebHashHistory(),
		routes
		});

Expand Down
Original file line number	Diff line number	Diff line change
Expand Up		@@ -28,33 +28,47 @@ module.exports = function(fileInfo, api) {
		addImport(context, { imported: 'createRouter' }, 'vue-router')
		newVueRouter.replaceWith(({ node }) => {
		// mode: 'history' -> history: createWebHistory(), etc
		let historyMode = 'createWebHashHistory'
		let baseValue
		node.arguments[0].properties = node.arguments[0].properties.map(p => {
		if (p.key.name === 'mode') {
		const mode = p.value.value
		let initializer
		if (mode === 'hash') {
		initializer = 'createWebHashHistory'
		historyMode = 'createWebHashHistory'
		} else if (mode === 'history') {
		initializer = 'createWebHistory'
		historyMode = 'createWebHistory'
		} else if (mode === 'abstract') {
		initializer = 'createMemoryHistory'
		historyMode = 'createMemoryHistory'
		} else {
		console.error(
		`mode must be one of 'hash', 'history', or 'abstract'`
		)
		return p
		}

		addImport(context, { imported: initializer }, 'vue-router')
		return j.objectProperty(
		j.identifier('history'),
		j.callExpression(j.identifier(initializer), [])
		)
		return
		} else if (p.key.name === 'base') {
		baseValue = p.value
		return
		}

		return p
		})

		// add the default mode with a hash history
		addImport(context, { imported: historyMode }, 'vue-router')
		node.arguments[0].properties = node.arguments[0].properties.filter(
		p => !!p
		)
		node.arguments[0].properties.unshift(
		j.objectProperty(
		j.identifier('history'),
		j.callExpression(
		j.identifier(historyMode),
		baseValue ? [baseValue] : []
		)
		)
		)

		return j.callExpression(j.identifier('createRouter'), node.arguments)
		})
		removeExtraneousImport(context, localVueRouter)
Expand Down