Not working with nuxt

[AndreyYolkin]

Environment

---

• Operating System: Darwin
• Node Version: v20.5.0
• Nuxt Version: 3.8.2
• CLI Version: 3.10.0
• Nitro Version: 2.8.1
• Package Manager: pnpm@8.10.5
• Builder: -
• User Config: modules, pinceau, typescript
• Runtime Modules: @pinceau/nuxt@1.0.0-beta.29

• Build Modules: -

Steps to reproduce:

1. Clone this repo
2. Run pnpm install
3. (Optional) put tokens.config.ts with content:

   
   import { defineTheme } from '@pinceau/theme'

export default defineTheme({ color: { primary: { 600: { initial: '#4352f4', dark: '#4352f4', }, }, }, })

4. Run `pnpm dev:nuxt`

## Expected behaviour

### Screenshot was taken from playground

<img width="456" alt="image" src="https://github.com/Tahul/pinceau/assets/11289484/f2055917-97ba-4c03-a2c8-8976b1755b76">

## Current behaviour

<img width="331" alt="image" src="https://github.com/Tahul/pinceau/assets/11289484/6bc5f64b-17c4-4f61-8652-237747b3e972">

### Devtools

<img width="889" alt="image" src="https://github.com/Tahul/pinceau/assets/11289484/98643353-3de9-4ad0-a264-a692c0e8d1ae">

[fallsimply]

This looks like an issue with Pinceau and vite-plugin-inspect used in Nuxt DevTools. Try disabling Nuxt Dev Tools by setting devtools: { enabled: false } in your Nuxt config to see if that fixes the issue. Then the issue can be diagnosed from there!

[titocreatives]

Hey, the original issue from @AndreyYolkin still persists. Also the suggested devtools: { enabled: false } change by @fallsimply does throw an Error!

Stackblitz