fix(module): update transformers

Author: Tahul

playground/pinceau.config.ts

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

src/module.ts

@@ -44,20 +44,19 @@ export default defineNuxtModule<ModuleOptions>({
       // Normalize
       (component, code) => {
         if (!code.includes('<script')) {
-          code += `\n<script setup>defineProps()</script>`
+          code += '\n<script setup>defineProps()</script>'
         }
         return { code, component }
       },
       // @nuxt/content support
       (component, code) => {
-        if (component.fullPath.includes('TestContent')) {
-          code = code.replace(
-            /<ContentSlot(.*)?:use="\$slots\.([a-z]+)"(.*)\/>/gm,
-            (_, before, slotName, rest) => {
-              return `<slot${before}${slotName === 'default' ? '' : `name="${slotName}"`}${rest}/>`
-            }
-          )
-        }
+        code = code.replace(
+          /<ContentSlot(.*)?:use="\$slots\.([a-z]+)"(.*)\/>/gm,
+          (_, before, slotName, rest) => {
+            return `<slot${before}${slotName === 'default' ? '' : `name="${slotName}"`}${rest}/>`
+          }
+        )
+
         return { component, code }
       }
     ],
@@ -66,10 +65,9 @@ export default defineNuxtModule<ModuleOptions>({
       schema: {}
     }
   }),
-  async setup(options, nuxt) {
+  async setup (options, nuxt) {
     // Regex to match colors.primary.100 in {colors.primary.100}
 
-
     const resolver = createResolver(import.meta.url)
 
     // Retrieve transformers

src/unplugin.ts

@@ -119,25 +119,25 @@ export const metaPlugin = createUnplugin<any>(
         component.meta.props = [
           ...component.meta.props,
           ...props
-          .filter(prop => !prop.global)
-          .sort((a, b) => {
-          // sort required properties first
-            if (!a.required && b.required) {
-              return 1
-            }
-            if (a.required && !b.required) {
-              return -1
-            }
-            // then ensure boolean properties are sorted last
-            if (a.type === 'boolean' && b.type !== 'boolean') {
-              return 1
-            }
-            if (a.type !== 'boolean' && b.type === 'boolean') {
-              return -1
-            }
-
-            return 0
-          })
+            .filter(prop => !prop.global)
+            .sort((a, b) => {
+              // sort required properties first
+              if (!a.required && b.required) {
+                return 1
+              }
+              if (a.required && !b.required) {
+                return -1
+              }
+              // then ensure boolean properties are sorted last
+              if (a.type === 'boolean' && b.type !== 'boolean') {
+                return 1
+              }
+              if (a.type !== 'boolean' && b.type === 'boolean') {
+                return -1
+              }
+
+              return 0
+            })
         ]
 
         components[component.pascalName] = component