@movk/nuxt-docs 1.3.6 → 1.3.7

package/app/components/content/ComponentProps.vue

@@ -1,8 +1,34 @@
 <script setup lang="ts">
 import type { ComponentMeta } from 'vue-component-meta'
-import { camelCase, kebabCase } from 'scule'
+import { camelCase, kebabCase, upperFirst } from 'scule'
 
-const { ignore = [], slug } = defineProps<{
+const { ignore = [
+  'activeClass',
+  'inactiveClass',
+  'exactActiveClass',
+  'ariaCurrentValue',
+  'href',
+  'rel',
+  'noRel',
+  'prefetch',
+  'prefetchOn',
+  'noPrefetch',
+  'prefetchedClass',
+  'replace',
+  'exact',
+  'exactQuery',
+  'exactHash',
+  'external',
+  'onClick',
+  'viewTransition',
+  'enterKeyHint',
+  'form',
+  'formaction',
+  'formenctype',
+  'formmethod',
+  'formnovalidate',
+  'formtarget'
+], slug, prose } = defineProps<{
   /**
    * The slug of the component to fetch props for.
    * @defaultValue route path's last segment
@@ -12,11 +38,12 @@ const { ignore = [], slug } = defineProps<{
    * An array of prop names to ignore.
    */
   ignore?: string[]
+  prose?: boolean
 }>()
 
 const route = useRoute()
-
-const componentName = camelCase(slug ?? route.path.split('/').pop() ?? '')
+const camelName = camelCase(slug ?? route.path.split('/').pop() ?? '')
+const componentName = prose ? `Prose${upperFirst(camelName)}` : `${upperFirst(camelName)}`
 const meta = await fetchComponentMeta(componentName as any)
 
 const metaProps: ComputedRef<ComponentMeta['props']> = computed(() => {

package/app/components/content/ComponentPropsSchema.vue

@@ -22,18 +22,24 @@ function getSchemaProps(schema: PropertyMeta['schema']): any {
 }
 
 const schemaProps = computed(() => {
-  return getSchemaProps(props.prop.schema).map((prop: any) => {
-    const defaultValue = prop.default ?? prop.tags?.find((tag: any) => tag.name === 'defaultValue')?.text
-    let description = prop.description
-    if (defaultValue) {
-      description = description ? `${description} Defaults to \`${defaultValue}\`{lang="ts-type"}.` : `Defaults to \`${defaultValue}\`{lang="ts-type"}.`
+  const propsObject = getSchemaProps(props.prop.schema).reduce((acc: any, prop: any) => {
+    if (!acc[prop.name]) {
+      const defaultValue = prop.default ?? prop.tags?.find((tag: any) => tag.name === 'defaultValue')?.text
+      let description = prop.description
+      if (defaultValue) {
+        description = description ? `${description} Defaults to \`${defaultValue}\`{lang="ts-type"}.` : `Defaults to \`${defaultValue}\`{lang="ts-type"}.`
+      }
+
+      acc[prop.name] = {
+        ...prop,
+        description
+      }
     }
 
-    return {
-      ...prop,
-      description
-    }
-  })
+    return acc
+  }, {})
+
+  return Object.values(propsObject) as PropertyMeta[]
 })
 </script>
 

package/app/components/content/HighlightInlineType.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { hash } from 'ohash'
-
 const props = defineProps<{
   type: string
 }>()
@@ -23,9 +21,16 @@ const type = computed(() => {
   return type
 })
 
-const { data: ast } = await useAsyncData(`hightlight-inline-code-${hash(type.value).slice(0, 10)}`, () => parseMarkdown(`\`${type.value}\`{lang="ts-type"}`))
+const ast = ref<any>(null)
+
+onMounted(async () => {
+  ast.value = await parseMarkdown(`\`${type.value}\`{lang="ts-type"}`)
+})
 </script>
 
 <template>
   <MDCRenderer v-if="ast" :body="ast.body" :data="ast.data" />
+  <ProseCode v-else>
+    {{ type }}
+  </ProseCode>
 </template>

package/modules/config.ts

@@ -70,8 +70,8 @@ export default defineNuxtModule({
       metaFields: {
         type: false,
         props: true,
-        slots: true,
-        events: true,
+        slots: 'no-schema' as const,
+        events: 'no-schema' as const,
         exposed: false
       }
     })

package/nuxt.config.ts

@@ -8,7 +8,6 @@ export default defineNuxtConfig({
     resolve('./modules/config'),
     resolve('./modules/css'),
     resolve('./modules/component-example'),
-    resolve('./modules/component-meta'),
     resolve('./modules/llms'),
     '@nuxt/ui',
     '@nuxt/content',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@movk/nuxt-docs",
   "type": "module",
-  "version": "1.3.6",
+  "version": "1.3.7",
   "private": false,
   "description": "An elegant documentation theme for Nuxt, powered by Nuxt UI and Nuxt Content.",
   "author": "YiXuan <mhaibaraai@gmail.com>",
@@ -27,8 +27,8 @@
     "README.md"
   ],
   "dependencies": {
-    "@iconify-json/lucide": "^1.2.74",
-    "@iconify-json/simple-icons": "^1.2.59",
+    "@iconify-json/lucide": "^1.2.75",
+    "@iconify-json/simple-icons": "^1.2.60",
     "@iconify-json/vscode-icons": "^1.2.36",
     "@movk/core": "^1.0.1",
     "@nuxt/content": "^3.8.2",

package/modules/component-meta.ts

@@ -1,27 +0,0 @@
-import { defineNuxtModule } from '@nuxt/kit'
-import type { NuxtComponentMeta } from 'nuxt-component-meta'
-
-export default defineNuxtModule({
-  meta: {
-    name: 'component-meta'
-  },
-  async setup(_options, nuxt) {
-    // @ts-expect-error - Hook is not typed correctly
-    nuxt.hook('component-meta:schema', (schema: NuxtComponentMeta) => {
-      for (const componentName in schema) {
-        const component = schema[componentName]
-        // Delete schema from slots to reduce metadata file size
-        if (component?.meta?.slots) {
-          for (const slot of component.meta.slots) {
-            delete (slot as any).schema
-          }
-        }
-        if (component?.meta?.events) {
-          for (const event of component.meta.events) {
-            delete (event as any).schema
-          }
-        }
-      }
-    })
-  }
-})