From d832e9f48a0b7c4ca676c3fc6664a7c17aa34ee7 Mon Sep 17 00:00:00 2001 From: Saeid Zareie <65568529+Saeid-Za@users.noreply.github.com> Date: Thu, 7 Mar 2024 16:52:39 +0330 Subject: [PATCH] docs: adding mail example (#389) --- .../theme/components/ExamplesNav.vue | 7 +- .../theme/components/LandingPage.vue | 10 +- apps/www/.vitepress/theme/config/docs.ts | 9 +- .../.vitepress/theme/layout/MainLayout.vue | 2 +- 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 | 236 +++++++++++++++ .../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 14 files changed, 1015 insertions(+), 9 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 bb746770..9c2040c4 100644 --- a/apps/www/.vitepress/theme/config/docs.ts +++ b/apps/www/.vitepress/theme/config/docs.ts @@ -23,7 +23,7 @@ interface DocsConfig { export const docsConfig: DocsConfig = { mainNav: [ { - title: 'Documentation', + title: 'Docs', href: '/docs/introduction', }, { @@ -36,7 +36,7 @@ export const docsConfig: DocsConfig = { }, { title: 'Examples', - href: '/examples/dashboard', + href: '/examples/mail', }, { title: 'GitHub', @@ -386,6 +386,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/.vitepress/theme/layout/MainLayout.vue b/apps/www/.vitepress/theme/layout/MainLayout.vue index a8838c81..acfb1f43 100644 --- a/apps/www/.vitepress/theme/layout/MainLayout.vue +++ b/apps/www/.vitepress/theme/layout/MainLayout.vue @@ -120,7 +120,7 @@ watch(() => $route.path, (n) => { >
- Search for anything... + Search documentation...
K 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..c783b363 --- /dev/null +++ b/apps/www/src/examples/mail/components/MailDisplay.vue @@ -0,0 +1,236 @@ + + +