vuex4.x 升级pinia，router 中使用同步组件导致项目启动失败

背景描述

升级的项目本来是vue2的项目，先升级成vue3，这个过程相关的问题都被决绝，当时状态管理使用的还是vuex4.x版本。

后面发现变成复杂模块时，后续再对复杂模块的功能进行迭代时，由于js的弱类型，改动时比较容易出现问题，而且接口之间没有类型约束，导致改动时需要对比接口数据，再重新思考整个逻辑，导致维护成本提升。

后面引入TS的过程中，想将 vuex顺便替换成vue3种官方推荐的 pinia。按照pinia官方的文档改动很容易，大概有这个几个地方：

1. 重构store

pinia编写store时，采用扁平化的方式，直接将原有的vuex中state,getter,action迁移，其中mutations也直接写成actions，因为pinia action支持同步和异步，这样大大减少vuex中的概念确认。

2. 替换vue 组件中对store的使用

主要是以下几种方式：
● 通过 $store.c$