pinceau icon indicating copy to clipboard operation
pinceau copied to clipboard

Not working with nuxt

Open AndreyYolkin opened this issue 1 year ago • 2 comments

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: [email protected]
  • Builder: -
  • User Config: modules, pinceau, typescript
  • Runtime Modules: @pinceau/[email protected]
  • 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',
      },
    },
  },
})

  1. Run pnpm dev:nuxt

Expected behaviour

Screenshot was taken from playground

image

Current behaviour

image

Devtools

image

AndreyYolkin avatar Jan 04 '24 22:01 AndreyYolkin

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!

fallsimply avatar Jan 18 '24 20:01 fallsimply

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

pinceau_nuxt_devtools_false

Stackblitz

titocreatives avatar Mar 07 '24 11:03 titocreatives