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'
@@ -55,17 +55,17 @@ import DashboardExample from '@/examples/dashboard/Example.vue'
&CuhLHwT0W}yEm(&YE>ENsMYYrO5Rb*EeojEcLVhX
zL2zPE!$=FJ_elK$cGBh2zSL7WvZFZ(5Jv3QmeN8%b_ZX4Q&3n>#!}i8Sh=vHzP6gG jouIx
zk$OA#|s2
zfJ%xYil7f-#a=9;YLOKKh&$Co(byK(t&Kq75SGx-IzDI4L!_lBogxrp$cLOx2M5^C
zWj!VOyL-o$Lfuk;>BE}0RSGI9#zNC1Py>jv?tA7RAB(Z#X?!3707b6f<`BREp$VhH
zL}9CbBx{j@BbL8j^W=B~FS1M?me)@go+q+6Wti#3|JW#mZR8HHQwuh*K~SPUr7d%B
zocw+LqF>oe`vZtX?v+xYNrJ_Qp-qN?pFLK(0t1DHsG-vX-7a@*6NMrwXppt&A($NN
zHQCB`H0w01n$j3V#ri<9CVFESl0IE;H^Ns|0Z{N+uzzQMOXYtq!MM9=`Lw5Y!{hn1
z%MA($GEhbuCc+(75qVJzoXljGu;55Pg`-V(>T5r)2fG)B7Q_+PL^hv9
zRbU-a5p0nNuoL1g@qS`%86xXTi<_LB#JRlSIw3(sCnaU2eJ|r75Xvj{m?fTC;z_C
zI4+nLn8Z9RK8#=vb&~Nj@hPymp(ERNzq@lb4*|uSyBQR~-yUs2b9#rfJe5^sOs45cPz^gHN>nv%zJkU5G
zxVx-!+cbndK>R_ghVz88GU0uLVWwVNiB2Z3f-b4(Xd>Sz@7cb-4XQ}9Pp3Wo75y^8
z!av|Ju@96DeiyF~cMfJ3J#BXj)dj&=B${8&fc?qnobx8?@&tTO7-|@%i4h6UP(|g(
z;42=B*Tg<
H-jAQ{dFHMbfyCV87n_cv#;