【Nuxt3学习】5. 集成 piniaNuxt3 + Windi CSS + iconify + element-pl

介绍

The Vue Store that you will enjoy using

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"],
});