vue3中ts的pina

在Vue 3中，TypeScript (简称TS) 的引入是为了提升开发者们的代码质量、类型安全性和开发效率。`pinia` 是 Vue 3官方推荐的状态管理模式，它是基于Vuex的下一代版本，但是完全兼容于TypeScript。

`pinia` 提供了一种轻量级的方式来管理应用状态，它更简单易用，强调了模块化和解耦。当你在项目中启用 TypeScript，`pinia`会自动提供类型支持，帮助你在编写store、actions和mutations时避免类型错误。例如，你可以声明store中的state和getter是某种类型的，以及actions接受哪些参数类型。

以下是使用 `pinia` 和 TypeScript 的基本步骤：

1. 安装依赖：

   npm install @vue/cli-plugin-typescript pinia

2. 配置项目：
- 在 `vue.config.js` 中启用 TypeScript：

     module.exports = {
       transpileDependencies: ['@vue/cli-plugin-pinia/types'],
     };

3. 创建 store：

   import { defineStore } from 'pinia';
   
   export const useCounterStore = defineStore('counter', {
     state: () => ({
       count: 0,
     }),
     getters: {
       getCount() {
         return this.count;
       },
     },
     actions: {
       increment() {
         this.count++;
       },
     },
   });