From c09123e55364dc12e548721c6b99710ea13644b2 Mon Sep 17 00:00:00 2001 From: Saeid Zareie Date: Thu, 7 Mar 2024 12:10:00 +0330 Subject: [PATCH] docs: adding mail example, resolves #373 --- .../theme/components/ExamplesNav.vue | 7 +- .../theme/components/LandingPage.vue | 10 +- apps/www/.vitepress/theme/config/docs.ts | 7 +- apps/www/src/content/examples/mail.md | 5 + apps/www/src/examples/mail/Example.vue | 30 ++ .../mail/components/AccountSwitcher.vue | 49 +++ .../www/src/examples/mail/components/Mail.vue | 221 ++++++++++++++ .../examples/mail/components/MailDisplay.vue | 239 +++++++++++++++ .../src/examples/mail/components/MailList.vue | 93 ++++++ apps/www/src/examples/mail/components/Nav.vue | 83 ++++++ apps/www/src/examples/mail/data/mails.ts | 279 ++++++++++++++++++ apps/www/src/public/examples/mail-dark.png | Bin 0 -> 342235 bytes apps/www/src/public/examples/mail-light.png | Bin 0 -> 277268 bytes 13 files changed, 1016 insertions(+), 7 deletions(-) create mode 100644 apps/www/src/content/examples/mail.md create mode 100644 apps/www/src/examples/mail/Example.vue create mode 100644 apps/www/src/examples/mail/components/AccountSwitcher.vue create mode 100644 apps/www/src/examples/mail/components/Mail.vue create mode 100644 apps/www/src/examples/mail/components/MailDisplay.vue create mode 100644 apps/www/src/examples/mail/components/MailList.vue create mode 100644 apps/www/src/examples/mail/components/Nav.vue create mode 100644 apps/www/src/examples/mail/data/mails.ts create mode 100644 apps/www/src/public/examples/mail-dark.png create mode 100644 apps/www/src/public/examples/mail-light.png diff --git a/apps/www/.vitepress/theme/components/ExamplesNav.vue b/apps/www/.vitepress/theme/components/ExamplesNav.vue index d1b930b6..7176d942 100644 --- a/apps/www/.vitepress/theme/components/ExamplesNav.vue +++ b/apps/www/.vitepress/theme/components/ExamplesNav.vue @@ -8,6 +8,11 @@ import ArrowRightIcon from '~icons/radix-icons/arrow-right' const { path } = toRefs(useRoute()) const examples = [ + { + name: 'Mail', + href: '/examples/mail', + code: 'https://github.com/radix-vue/shadcn-vue/tree/dev/apps/www/src/examples/mail', + }, { name: 'Dashboard', href: '/examples/dashboard', @@ -58,7 +63,7 @@ const currentExample = computed(() => examples.find(ex => path.value.startsWith( :href="example.href" :class="cn( 'flex items-center px-4', - path?.startsWith(example.href) || (path === '/' && example.name === 'Dashboard') + path?.startsWith(example.href) || (path === '/' && example.name === 'Mail') ? 'font-bold text-primary' : 'font-medium text-muted-foreground', )" diff --git a/apps/www/.vitepress/theme/components/LandingPage.vue b/apps/www/.vitepress/theme/components/LandingPage.vue index 9dcff16c..a5b88a17 100644 --- a/apps/www/.vitepress/theme/components/LandingPage.vue +++ b/apps/www/.vitepress/theme/components/LandingPage.vue @@ -11,7 +11,7 @@ import { buttonVariants } from '@/lib/registry/new-york/ui/button' import { Separator } from '@/lib/registry/new-york/ui/separator' import { cn } from '@/lib/utils' -import DashboardExample from '@/examples/dashboard/Example.vue' +import MailExample from '@/examples/mail/Example.vue' diff --git a/apps/www/.vitepress/theme/config/docs.ts b/apps/www/.vitepress/theme/config/docs.ts index 58e13b95..c2db065d 100644 --- a/apps/www/.vitepress/theme/config/docs.ts +++ b/apps/www/.vitepress/theme/config/docs.ts @@ -36,7 +36,7 @@ export const docsConfig: DocsConfig = { }, { title: 'Examples', - href: '/examples/dashboard', + href: '/examples/mail', }, { title: 'GitHub', @@ -381,6 +381,11 @@ interface Example { code: string } export const examples: Example[] = [ + { + name: 'Mail', + href: '/examples/mail', + code: 'https://github.com/radix-vue/shadcn-vue/tree/dev/apps/www/src/examples/mail', + }, { name: 'Dashboard', href: '/examples/dashboard', diff --git a/apps/www/src/content/examples/mail.md b/apps/www/src/content/examples/mail.md new file mode 100644 index 00000000..d5a4e872 --- /dev/null +++ b/apps/www/src/content/examples/mail.md @@ -0,0 +1,5 @@ + + + diff --git a/apps/www/src/examples/mail/Example.vue b/apps/www/src/examples/mail/Example.vue new file mode 100644 index 00000000..f883c3ab --- /dev/null +++ b/apps/www/src/examples/mail/Example.vue @@ -0,0 +1,30 @@ + + + diff --git a/apps/www/src/examples/mail/components/AccountSwitcher.vue b/apps/www/src/examples/mail/components/AccountSwitcher.vue new file mode 100644 index 00000000..09ad0a7f --- /dev/null +++ b/apps/www/src/examples/mail/components/AccountSwitcher.vue @@ -0,0 +1,49 @@ + + + diff --git a/apps/www/src/examples/mail/components/Mail.vue b/apps/www/src/examples/mail/components/Mail.vue new file mode 100644 index 00000000..8a9780a6 --- /dev/null +++ b/apps/www/src/examples/mail/components/Mail.vue @@ -0,0 +1,221 @@ + + + diff --git a/apps/www/src/examples/mail/components/MailDisplay.vue b/apps/www/src/examples/mail/components/MailDisplay.vue new file mode 100644 index 00000000..839a3dc8 --- /dev/null +++ b/apps/www/src/examples/mail/components/MailDisplay.vue @@ -0,0 +1,239 @@ + + +