arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-02-03 21:57:58 +01:00
Code Issues Packages Projects Releases Wiki Activity

docs(ComponentTheme): broken github link (#3223)

Browse Source
This commit is contained in:
Hugo Richard
2025-02-02 11:38:54 +01:00
committed by GitHub
parent 69bc686efd
commit f21e923a64
1 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
docs/app/components/content/ComponentTheme.vue
View File

@@ -15,7 +15,8 @@ const props = defineProps<{
const route = useRoute() const route = useRoute()
const { framework } = useSharedData() const { framework } = useSharedData()
const name = camelCase(props.slug ?? route.params.slug?.[route.params.slug.length - 1] ?? '') const name = props.slug ?? route.params.slug?.[route.params.slug.length - 1] ?? ''
const camelName = camelCase(name)
const strippedCompoundVariants = ref(false) const strippedCompoundVariants = ref(false)
@@ -23,7 +24,7 @@ const computedTheme = computed(() => props.pro ? props.prose ? themePro.prose :
const strippedTheme = computed(() => { const strippedTheme = computed(() => {
const strippedTheme = { const strippedTheme = {
...(computedTheme.value as any)[name] ...(computedTheme.value as any)[camelName]
} }
if (strippedTheme?.compoundVariants) { if (strippedTheme?.compoundVariants) {
@@ -63,8 +64,8 @@ const component = computed(() => {
const baseKey = props.pro ? 'uiPro' : 'ui' const baseKey = props.pro ? 'uiPro' : 'ui'
const content = props.prose const content = props.prose
? { prose: { [name]: strippedTheme.value } } ? { prose: { [camelName]: strippedTheme.value } }
: { [name]: strippedTheme.value } : { [camelName]: strippedTheme.value }
if (props.extra?.length) { if (props.extra?.length) {
props.extra.forEach((extra) => { props.extra.forEach((extra) => {
@@ -78,7 +79,14 @@ const component = computed(() => {
} }
}) })
const { data: ast } = await useAsyncData(`component-theme-${name}-${hash({ props })}`, async () => { const themeLink = computed(() => {
const repo = props.pro ? 'ui-pro' : 'ui'
const slug = name.startsWith('content') ? `content/${name}` : name
return `https://github.com/nuxt/${repo}/blob/v3/src/theme/${slug}.ts`
})
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"}
@@ -110,7 +118,7 @@ export default defineConfig({
${strippedCompoundVariants.value ${strippedCompoundVariants.value
? ` ? `
::callout{icon="i-simple-icons-github" to="https://github.com/nuxt/ui/blob/v3/src/theme/${name}.ts"} ::callout{icon="i-simple-icons-github" to="${themeLink.value}" title="Compound variants"}
Some colors in \`compoundVariants\` are omitted for readability. Check out the source code on GitHub. Some colors in \`compoundVariants\` are omitted for readability. Check out the source code on GitHub.
::` ::`
: ''} : ''}