docs: add patch-pinceau script to fixed pnpm generate error

Author: hunterliu1003

package.json

@@ -26,6 +26,7 @@
     "eslint": "^8.19.0",
     "pnpm": "^7.13.2",
     "sass": "^1.55.0",
+    "ts-node": "^10.9.1",
     "typescript": "^4.7.4",
     "vite": "^3.2.2",
     "vue-tsc": "^1.0.9"

packages/docs/components/content/CodeBlockFile.vue

@@ -9,15 +9,18 @@ const props = defineProps<{
   filename?: string
 }>()
 
-const { data } = await useFetch(`/api/file?path=${props.path}`)
-const content = prepareContent((data.value as any).content)
-
-// console.log('modules → ', modules)
+const modules = import.meta.glob('./*.vue', { as: 'raw' })
 
 function prepareContent(content: string) {
   return `\`\`\`${props.language || ''}${props.filename ? ` [${props.filename}]` : ''}\n${content}\n\`\`\``
 }
 
+const module = modules[props.path]
+if (!module)
+  console.error('Component Not Found.')
+
+const content = prepareContent(await module() as any)
+
 const shiki = await useShiki()
 
 const { data: doc } = await useAsyncData(`playground-${content}`, async () => {

packages/docs/content/4.use-cases/1.playground.md

@@ -8,4 +8,8 @@ head.title: 'Playground | Examples'
   ::code-block{label="Preview" preview}
     :playground
   ::
+
+  ::code-block{label="Playground.vue"}
+    :code-block-file{path="./Playground.vue" language="vue"}
+  ::
 ::

packages/docs/package.json

@@ -7,7 +7,8 @@
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "postinstall": "nuxt prepare"
+    "postinstall": "nuxt prepare && pnpm patch-pinceau",
+    "patch-pinceau": "ts-node --esm ./scripts/patchPinceau.ts"
   },
   "dependencies": {
     "@nuxt/ui": "^0.3.3",

packages/docs/scripts/patchPinceau.ts

@@ -0,0 +1,23 @@
+import fs from 'fs'
+import path from 'path'
+
+const cwd = path.resolve('./')
+const filePath = path.resolve('../../node_modules/pinceau/dist/nuxt.cjs')
+
+const nuxtCjs = fs.readFileSync(filePath, 'utf-8').split('\n')
+
+const target = 'const layerPaths = nuxt.options._layers.reduce('
+const result = `        if (layer?.cwd === '${cwd}') { return acc }`
+
+const patched = nuxtCjs.findIndex(line => line.includes(result)) === -1
+
+if (patched) {
+  const line = nuxtCjs.findIndex(line => line.includes(target))
+
+  if (line !== -1)
+    nuxtCjs.splice(line + 2, 0, result)
+
+  const newNuxtCjs = nuxtCjs.join('\n')
+
+  fs.writeFileSync(filePath, newNuxtCjs, { encoding: 'utf-8' })
+}