shinGangan / nuxt-pandacss

Panda CSS module for Nuxt.
MIT License
0 stars 0 forks source link

include optionsを上書きさせたい #4

Open shinGangan opened 1 year ago

shinGangan commented 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は上書きされている想定だった。実際には違った。

shinGangan commented 1 year ago

Q. 上書きさせるべきか、それともそのままにしておくか。

includeは監視オプションであることを踏まえると、上書きされる方が適切かと思ってる。

https://panda-css.com/docs/references/config#include