feat: generate components meta

.gitignore

@@ -1,2 +1,3 @@
 .vitepress/cache
 node_modules
+.meta

.scripts/meta.ts

@@ -0,0 +1,86 @@
+import type { EventMeta, MetaCheckerOptions } from 'vue-component-meta'
+import { globSync, writeFileSync, mkdirSync } from 'node:fs'
+import { join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { createChecker } from 'vue-component-meta'
+
+interface MetaProp {
+  name: string,
+  type: string,
+  required: boolean,
+  description: string,
+  default?: string,
+}
+
+interface MetaEvent {
+  name: string,
+  type: string,
+  description: string,
+}
+
+function escapeDoubleQuotes(str: string) {
+  return str.replace(/"/g, "\\'")
+}
+
+function main() {
+  const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+  mkdirSync(join(__dirname, '../.meta'), { recursive: true })
+
+  const checkerOptions: MetaCheckerOptions = {
+    forceUseTs: true,
+    printer: { newLine: 1 },
+  }
+
+  const tsconfigChecker = createChecker(
+    join(__dirname, '../node_modules/slidev-addon-inalia/tsconfig.json'),
+    checkerOptions,
+  )
+
+  const components = globSync(join(__dirname, '../node_modules/slidev-addon-inalia/components/*.vue')) as string[]
+
+  components.forEach((componentPath) => {
+    const meta = tsconfigChecker.getComponentMeta(componentPath)
+
+    const props = meta.props
+      .filter((prop) => !prop.global)
+      .map((prop) => ({
+        name: escapeDoubleQuotes(prop.name),
+        default: prop.default ? escapeDoubleQuotes(prop.default) : undefined,
+        required: prop.required,
+        type: escapeDoubleQuotes(prop.type),
+        description: escapeDoubleQuotes(prop.description),
+      } satisfies MetaProp))
+
+    const filename = componentPath.split('/').pop()!.replace('.vue', '.md')
+    let content = ''
+
+    content += '<PropsTable\n'
+    content += '  :data="[\n'
+    props.forEach((prop) => {
+      content += `    { name: '${prop.name}', type: '${prop.type}', description: '${prop.description}', default: '${prop.default}', required: ${prop.required} },\n`
+    })
+    content += '  ]"\n'
+    content += '/>'
+
+    const events = meta.events.map((event) => ({
+      name: escapeDoubleQuotes(event.name),
+      type: escapeDoubleQuotes(event.type),
+      description: escapeDoubleQuotes(event.description),
+    } satisfies MetaEvent))
+
+    content += '\n\n'
+
+    content += '<EventsTable\n'
+    content += '  :data="[\n'
+    events.forEach((event) => {
+      content += `    { name: '${event.name}', type: '${event.type}', description: '${event.description}' },\n`
+    })
+    content += '  ]"\n'
+    content += '/>'
+
+    writeFileSync(join(__dirname, '../.meta', filename), content)
+  })
+}
+
+main()

.vitepress/theme/components/EventsTable.vue

@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <div>
+    events table
+  </div>
+</template>

.vitepress/theme/components/PropsTable.vue

@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <div>
+    props table
+  </div>
+</template>

.vitepress/theme/index.ts

@@ -0,0 +1,12 @@
+import type { Theme } from 'vitepress'
+import DefaultTheme from 'vitepress/theme'
+import PropsTable from './components/PropsTable.vue'
+import EventsTable from './components/EventsTable.vue'
+
+export default {
+  extends: DefaultTheme,
+  enhanceApp({ app }) {
+    app.component('PropsTable', PropsTable)
+    app.component('EventsTable', EventsTable)
+  }
+} satisfies Theme

package.json

@@ -1,12 +1,17 @@
 {
+  "type": "module",
   "scripts": {
     "dev": "vitepress dev",
     "build": "vitepress build",
     "preview": "vitepress preview"
   },
   "packageManager": "pnpm@10.14.0+sha512.ad27a79641b49c3e481a16a805baa71817a04bbe06a38d17e60e2eaee83f6a146c6a688125f5792e48dd5ba30e7da52a5cda4c3992b9ccf333f9ce223af84748",
   "devDependencies": {
+    "@types/node": "^24.3.0",
+    "slidev-addon-inalia": "^0.2.4",
     "typescript": "^5.9.2",
-    "vitepress": "^1.6.4"
+    "vitepress": "^1.6.4",
+    "vue": "^3.5.19",
+    "vue-component-meta": "^3.0.6"
   }
 }