【Nuxt3学习】5. 集成 pinia

源码地址： https://github.com/xbmlz/nuxt-starter.git

介绍

The Vue Store that you will enjoy using

https://pinia.vuejs.org/

安装

pnpm add -D pinia @pinia/nuxt @nuxtjs/composition-api

使用

修改nuxt.config.ts中的buildModules内容如下

import { defineNuxtConfig } from "nuxt";

const lifecycle = process.env.npm_lifecycle_event;

// https://v3.nuxtjs.org/api/configuration/nuxt.config
export default defineNuxtConfig({
  //css
  css: ["~/assets/scss/index.scss"],
  // build
  build: {
    transpile: lifecycle === "build" ? ["element-plus"] : [],
  },
  // build modules
  buildModules: ["nuxt-windicss", "@pinia/nuxt"],
});