feat(ComponentTheme): detect theme hash

This commit is contained in:
HugoRCD
2025-02-14 22:42:20 +01:00
parent 847d4aa752
commit 05313dc0d4

View File

@@ -86,9 +86,12 @@ const themeLink = computed(() => {
return `https://github.com/nuxt/${repo}/blob/v3/src/theme/${slug}.ts` return `https://github.com/nuxt/${repo}/blob/v3/src/theme/${slug}.ts`
}) })
// if route detect #theme open all collapse blocks
const themeHash = computed(() => route.hash === '#theme')
const { data: ast } = await useAsyncData(`component-theme-${camelName}-${hash({ props })}`, async () => { const { data: ast } = await useAsyncData(`component-theme-${camelName}-${hash({ props })}`, async () => {
const md = ` const md = `
::code-collapse{class="nuxt-only"} ::code-collapse{class="nuxt-only" ${themeHash.value ? 'open' : null} }
\`\`\`ts [app.config.ts] \`\`\`ts [app.config.ts]
export default defineAppConfig(${json5.stringify(component.value, null, 2).replace(/,([ |\t\n]+[}|\])])/g, '$1')}) export default defineAppConfig(${json5.stringify(component.value, null, 2).replace(/,([ |\t\n]+[}|\])])/g, '$1')})
@@ -96,7 +99,7 @@ export default defineAppConfig(${json5.stringify(component.value, null, 2).repla
:: ::
::code-collapse{class="vue-only"} ::code-collapse{class="vue-only" ${themeHash.value ? 'open' : null} }
\`\`\`ts [vite.config.ts] \`\`\`ts [vite.config.ts]
import { defineConfig } from 'vite' import { defineConfig } from 'vite'