Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: update announcement component, menu label

Browse Source
This commit is contained in:
zernonia 2023-11-02 22:11:37 +08:00
parent f15d97fcef
commit 18276331ed
4 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
apps/www/.vitepress/theme/components/LandingPage.vue
View File

@ -3,6 +3,7 @@ import PageHeader from '../components/PageHeader.vue'
import PageHeaderHeading from '../components/PageHeaderHeading.vue' import PageHeaderHeading from '../components/PageHeaderHeading.vue'
import PageHeaderDescription from '../components/PageHeaderDescription.vue' import PageHeaderDescription from '../components/PageHeaderDescription.vue'
import ExamplesNav from '../components/ExamplesNav.vue' import ExamplesNav from '../components/ExamplesNav.vue'
import { announcementConfig } from '../config/site'
import ArrowRightIcon from '~icons/radix-icons/arrow-right' import ArrowRightIcon from '~icons/radix-icons/arrow-right'
import GitHubIcon from '~icons/radix-icons/github-logo' import GitHubIcon from '~icons/radix-icons/github-logo'
@ -16,12 +17,12 @@ import DashboardExample from '@/examples/dashboard/Example.vue'
<template> <template>
<PageHeader class="page-header pb-8"> <PageHeader class="page-header pb-8">
<a <a
href="/docs/components/form" :href="announcementConfig.link"
class="inline-flex items-center rounded-lg bg-muted px-3 py-1 text-sm font-medium" class="inline-flex items-center rounded-lg bg-muted px-3 py-1 text-sm font-medium"
> >
🎉 <Separator class="mx-2 h-4" orientation="vertical" /> {{ announcementConfig.icon }} <Separator class="mx-2 h-4" orientation="vertical" />
<span class="sm:hidden">New form & pagination component</span> <span class="sm:hidden">{{ announcementConfig.title }}</span>
<span class="hidden sm:inline">New form & pagination component <span class="hidden sm:inline">{{ announcementConfig.title }}
</span> </span>
<!-- <ArrowRightIcon class="ml-1 h-4 w-4" /> --> <!-- <ArrowRightIcon class="ml-1 h-4 w-4" /> -->
</a> </a>

3
apps/www/.vitepress/theme/config/docs.ts
View File

@ -216,7 +216,6 @@ export const docsConfig: DocsConfig = {
{ {
title: 'Form', title: 'Form',
href: '/docs/components/form', href: '/docs/components/form',
label: 'New',
items: [], items: [],
}, },
{ {
@ -247,7 +246,6 @@ export const docsConfig: DocsConfig = {
{ {
title: 'Pagination', title: 'Pagination',
href: '/docs/components/pagination', href: '/docs/components/pagination',
label: 'New',
items: [], items: [],
}, },
{ {
@ -318,6 +316,7 @@ export const docsConfig: DocsConfig = {
{ {
title: 'Toast', title: 'Toast',
href: '/docs/components/toast', href: '/docs/components/toast',
label: 'New',
items: [], items: [],
}, },
{ {

6
apps/www/.vitepress/theme/config/site.ts
View File

@ -12,3 +12,9 @@ export const siteConfig = {
}, },
keywords: 'shadcn,Vue,Nuxt,Vue Components,TailwindCSS,Radix Vue', keywords: 'shadcn,Vue,Nuxt,Vue Components,TailwindCSS,Radix Vue',
} }
export const announcementConfig = {
icon: '✨',
title: 'New Toast compoent',
link: '/docs/components/toast',
}

9
apps/www/.vitepress/theme/layout/ExamplesLayout.vue
View File

@ -3,6 +3,7 @@ import PageHeader from '../components/PageHeader.vue'
import PageHeaderHeading from '../components/PageHeaderHeading.vue' import PageHeaderHeading from '../components/PageHeaderHeading.vue'
import PageHeaderDescription from '../components/PageHeaderDescription.vue' import PageHeaderDescription from '../components/PageHeaderDescription.vue'
import ExamplesNav from '../components/ExamplesNav.vue' import ExamplesNav from '../components/ExamplesNav.vue'
import { announcementConfig } from '../config/site'
import ArrowRightIcon from '~icons/radix-icons/arrow-right' import ArrowRightIcon from '~icons/radix-icons/arrow-right'
import { buttonVariants } from '@/lib/registry/new-york/ui/button' import { buttonVariants } from '@/lib/registry/new-york/ui/button'
@ -14,13 +15,13 @@ import { cn } from '@/lib/utils'
<div class="container relative"> <div class="container relative">
<PageHeader class="page-header pb-8"> <PageHeader class="page-header pb-8">
<a <a
href="/docs/components/form" :href="announcementConfig.link"
class="inline-flex items-center rounded-lg bg-muted px-3 py-1 text-sm font-medium" class="inline-flex items-center rounded-lg bg-muted px-3 py-1 text-sm font-medium"
> >
🎉 <Separator class="mx-2 h-4" orientation="vertical" /> {{ announcementConfig.icon }} <Separator class="mx-2 h-4" orientation="vertical" />
<span class="sm:hidden">New form & pagination component</span> <span class="sm:hidden">{{ announcementConfig.title }}</span>
<span class="hidden sm:inline"> <span class="hidden sm:inline">
New form & pagination component {{ announcementConfig.title }}
</span> </span>
<ArrowRightIcon class="ml-1 h-4 w-4" /> <ArrowRightIcon class="ml-1 h-4 w-4" />
</a> </a>