Typescript error: in the vuex store upon using the migration build to upgrade to Vue 3 from 2

[sakship2204]

Vue version

Vue Migration build

Link to minimal reproduction

https://stackoverflow.com/questions/79334686/typescript-error-in-the-vuex-store-upon-using-the-migration-build-to-upgrade-to

Steps to reproduce

https://stackoverflow.com/questions/79334686/typescript-error-in-the-vuex-store-upon-using-the-migration-build-to-upgrade-to

What is expected?

the migration build should allow the Vue 2 behavior

What is actually happening?

it is throwing error and the application does not run

System Info

No response

Any additional comments?

No response

[edison1105]

Please follow the issue requirement and provide a minimal runnable reproduction.
try the latest versions of vue,@vue/compat,vuex

[sakship2204]

I am using the latest version of vue, @vue/compat but vuex is the old one

[sakship2204]

Probably there is some issue with the router file

import Vue from 'vue'
import VueRouter, { RouteConfig } from 'vue-router'
import HomeView from '../views/HomeView.vue'

Vue.use(VueRouter)

const routes: Array<RouteConfig> = [
  {
    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.
    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
  }
]

const router = new VueRouter({
  routes
})

export default router

because when I removed the router from Vue instance, it was working fine.

[edison1105]

please make sure to use vue-router 4.x

[sakship2204]

doesnt that defeat the purpose of migration build then??