feat(transformers): improve transformers feature ; add @nuxt/content support by default

Author: Tahul

package.json

@@ -25,22 +25,22 @@
     "release": "pnpm test && standard-version && git push --follow-tags && npm publish"
   },
   "dependencies": {
-    "@nuxt/kit": "^3.0.0-rc.12",
-    "scule": "^0.3.2",
+    "@nuxt/kit": "^3.0.0",
+    "scule": "^1.0.0",
     "vue-component-meta": "^1.0.9",
-    "typescript": "^4.8.4"
+    "typescript": "^4.9.3"
   },
   "devDependencies": {
     "@iconify/vue": "^4.0.0",
-    "@nuxt/content": "^2.2.1",
+    "@nuxt/content": "^2.2.2",
     "@nuxt/module-builder": "latest",
-    "@nuxt/test-utils": "^3.0.0-rc.12",
+    "@nuxt/test-utils": "^3.0.0",
     "@nuxtjs/eslint-config-typescript": "latest",
     "eslint": "latest",
-    "nuxt": "^3.0.0-rc.12",
+    "nuxt": "^3.0.0",
     "standard-version": "^9.5.0",
-    "vitest": "^0.24.5",
-    "vue": "^3.2.41"
+    "vitest": "^0.25.3",
+    "vue": "^3.2.45"
   },
   "build": {
     "externals": [

playground/app.vue

@@ -23,9 +23,15 @@ import TestComponent from './components/TestComponent.vue'
 import TestTyped from './components/testTyped.vue'
 import { NuxtComponentMetaNames } from '#nuxt-component-meta/types'
 
-const specificComponentName = ref<NuxtComponentMetaNames>('TestComponent')
+const specificComponentName = ref<NuxtComponentMetaNames>('TestContent')
 
 const specificComponentMeta = await useComponentMeta(specificComponentName)
 
 const composableData = await useComponentMeta()
 </script>
+
+<style lang="postcss">
+body {
+  font-size: 12px;
+}
+</style>

playground/components/pinceau/TestPinceau.vue

@@ -19,6 +19,7 @@ css({
       },
       blue: {
         background: 'blue',
+        color: '{colors.gray.600}'
       }
     }
   }

playground/nuxt.config.ts

@@ -19,9 +19,14 @@ export default defineNuxtConfig({
   modules: [
     '@nuxt/content',
     'pinceau/nuxt',
-    nuxtMetaModule
+    nuxtMetaModule as any
   ],
   pinceau: {
-    followSymbolicLinks: false
+    followSymbolicLinks: false,
+    componentMetaSupport: true
+  },
+
+  typescript: {
+    includeWorkspace: true
   }
 })

playground/pinceau.config.ts

@@ -1,3 +1,76 @@
 import { defineTheme } from 'pinceau'
 
-export default defineTheme({})
+export default defineTheme({
+  colors: {
+    "white": {
+      "value": "#ffffff"
+    },
+    "black": {
+      "value": "#0c0c0d"
+    },
+    "gray": {
+      "50": {
+        "value": "#fafafa"
+      },
+      "100": {
+        "value": "#f4f4f5"
+      },
+      "200": {
+        "value": "#e4e4e7"
+      },
+      "300": {
+        "value": "#D4d4d8"
+      },
+      "400": {
+        "value": "#a1a1aa"
+      },
+      "500": {
+        "value": "#71717A"
+      },
+      "600": {
+        "value": "#52525B"
+      },
+      "700": {
+        "value": "#3f3f46"
+      },
+      "800": {
+        "value": "#27272A"
+      },
+      "900": {
+        "value": "#18181B"
+      }
+    },
+    "green": {
+      "50": {
+        "value": "#d6ffee"
+      },
+      "100": {
+        "value": "#acffdd"
+      },
+      "200": {
+        "value": "#83ffcc"
+      },
+      "300": {
+        "value": "#30ffaa"
+      },
+      "400": {
+        "value": "#00dc82"
+      },
+      "500": {
+        "value": "#00bd6f"
+      },
+      "600": {
+        "value": "#009d5d"
+      },
+      "700": {
+        "value": "#007e4a"
+      },
+      "800": {
+        "value": "#005e38"
+      },
+      "900": {
+        "value": "#003f25"
+      }
+    },
+  }
+})