Open shinGangan opened 1 year ago
以下のような設定を行った。
// nuxt.config.ts import { createResolver } from "nuxt/kit"; const { resolve } = createResolver(import.meta.url); export default defineNuxtConfig({ // ... other options pandacss: { include: [ resolve(`./src/components/**/*.{vue,ts,tsx}`), resolve(`./src/layouts/**/*.{vue,ts,tsx}`), resolve(`./src/pages/**/*.vue`), ], exclude: [], }, });
すると以下のような出力結果となった。
// .nuxt/panda.config.mjs import { defineConfig } from "@pandacss/dev" export default defineConfig({ "preflight": true, "include": [ "/{...}/src/components/**/*.{vue,ts,tsx}", "/{...}/src/layouts/**/*.{vue,ts,tsx}", "/{...}/src/pages/**/*.vue", "/{...}/src/components/**/*.{js,jsx,ts,tsx,vue}", "/{...}/src/pages/**/*.{js,jsx,ts,tsx,vue}" ], "exclude": [], "outdir": "styled-system", "cwd": "/{...}/src/.nuxt", "cssPath": "/{...}/src/.nuxt/panda.css", })
/pagesや/componentsは上書きされている想定だった。実際には違った。
/pages
/components
includeは監視オプションであることを踏まえると、上書きされる方が適切かと思ってる。
include
https://panda-css.com/docs/references/config#include
内容
以下のような設定を行った。
すると以下のような出力結果となった。
/pages
や/components
は上書きされている想定だった。実際には違った。