From 9f9d8f5cec250a1b01be48b28813870a066694c1 Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Thu, 7 Sep 2023 12:34:55 +0200 Subject: [PATCH] docs: landing page (#611) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Sébastien Chopin --- docs/.env.example | 3 + docs/app.config.ts | 6 + docs/app.vue | 48 +- docs/components/Footer.vue | 45 +- docs/components/Header.vue | 41 +- docs/components/LogoGreen.vue | 11 + docs/components/LogoLabs.vue | 16 +- docs/components/LogoOnly.vue | 5 + docs/components/OgImage/OgImageDocs.vue | 33 + docs/components/color-picker/ColorPicker.vue | 2 +- docs/components/content/ComponentCard.vue | 4 +- .../examples/CommandPaletteExampleGroups.vue | 24 +- .../examples/InputExampleClearable.vue | 9 +- .../examples/TableExampleClickable.vue | 6 - .../content/examples/TabsExampleCard.vue | 17 - .../VerticalNavigationExampleAvatarSlot.vue | 23 +- docs/components/home/HomeDemo.vue | 99 ++ docs/components/home/HomeTetris.vue | 108 ++ docs/content/1.getting-started/1.index.md | 3 - docs/content/3.forms/6.radio.md | 1 + .../5.navigation/1.vertical-navigation.md | 8 +- .../content/5.navigation/2.command-palette.md | 34 +- docs/content/index.yml | 91 ++ docs/layouts/default.vue | 5 + docs/layouts/docs.vue | 41 + docs/nuxt.config.ts | 33 +- docs/package.json | 4 +- docs/pages/[...slug].vue | 54 +- docs/pages/index.vue | 200 ++++ docs/plugins/ui.ts | 5 +- .../illustrations/color-palette-dark.svg | 79 ++ .../illustrations/color-palette-light.svg | 79 ++ docs/public/illustrations/dark-mode-dark.svg | 26 + docs/public/illustrations/dark-mode-light.svg | 21 + docs/public/illustrations/data-dark.svg | 95 ++ docs/public/illustrations/data-light.svg | 90 ++ docs/public/illustrations/elements-dark.svg | 66 ++ docs/public/illustrations/elements-light.svg | 76 ++ docs/public/illustrations/forms-dark.svg | 40 + docs/public/illustrations/forms-light.svg | 37 + .../illustrations/fully-customizable-dark.svg | 96 ++ .../fully-customizable-light.svg | 87 ++ .../illustrations/icon-library-dark.svg | 51 + .../illustrations/icon-library-light.svg | 55 + .../illustrations/keyboard-shortcuts-dark.svg | 177 ++++ .../keyboard-shortcuts-light.svg | 172 ++++ docs/public/illustrations/layout-dark.svg | 76 ++ docs/public/illustrations/layout-light.svg | 71 ++ docs/public/illustrations/navigation-dark.svg | 65 ++ .../public/illustrations/navigation-light.svg | 65 ++ docs/public/illustrations/overlays-dark.svg | 33 + docs/public/illustrations/overlays-light.svg | 33 + docs/public/social-card.png | Bin 0 -> 318575 bytes docs/public/social-preview.jpg | Bin 281095 -> 0 bytes docs/tailwind.config.ts | 31 +- package.json | 3 - pnpm-lock.yaml | 965 +++++++++++++++++- src/runtime/plugins/colors.ts | 7 +- 58 files changed, 3366 insertions(+), 209 deletions(-) create mode 100644 docs/app.config.ts create mode 100644 docs/components/LogoGreen.vue create mode 100644 docs/components/LogoOnly.vue create mode 100644 docs/components/OgImage/OgImageDocs.vue delete mode 100644 docs/components/content/examples/TabsExampleCard.vue create mode 100644 docs/components/home/HomeDemo.vue create mode 100644 docs/components/home/HomeTetris.vue create mode 100644 docs/content/index.yml create mode 100644 docs/layouts/default.vue create mode 100644 docs/layouts/docs.vue create mode 100644 docs/pages/index.vue create mode 100644 docs/public/illustrations/color-palette-dark.svg create mode 100644 docs/public/illustrations/color-palette-light.svg create mode 100644 docs/public/illustrations/dark-mode-dark.svg create mode 100644 docs/public/illustrations/dark-mode-light.svg create mode 100644 docs/public/illustrations/data-dark.svg create mode 100644 docs/public/illustrations/data-light.svg create mode 100644 docs/public/illustrations/elements-dark.svg create mode 100644 docs/public/illustrations/elements-light.svg create mode 100644 docs/public/illustrations/forms-dark.svg create mode 100644 docs/public/illustrations/forms-light.svg create mode 100644 docs/public/illustrations/fully-customizable-dark.svg create mode 100644 docs/public/illustrations/fully-customizable-light.svg create mode 100644 docs/public/illustrations/icon-library-dark.svg create mode 100644 docs/public/illustrations/icon-library-light.svg create mode 100644 docs/public/illustrations/keyboard-shortcuts-dark.svg create mode 100644 docs/public/illustrations/keyboard-shortcuts-light.svg create mode 100644 docs/public/illustrations/layout-dark.svg create mode 100644 docs/public/illustrations/layout-light.svg create mode 100644 docs/public/illustrations/navigation-dark.svg create mode 100644 docs/public/illustrations/navigation-light.svg create mode 100644 docs/public/illustrations/overlays-dark.svg create mode 100644 docs/public/illustrations/overlays-light.svg create mode 100644 docs/public/social-card.png delete mode 100644 docs/public/social-preview.jpg diff --git a/docs/.env.example b/docs/.env.example index 225cf544..7e0b77e3 100644 --- a/docs/.env.example +++ b/docs/.env.example @@ -1 +1,4 @@ +# To use Nuxt Elements in production NUXT_ELEMENTS_TOKEN= +# Used when pre-rendering the docs for dynamic OG images +NUXT_PUBLIC_SITE_URL= diff --git a/docs/app.config.ts b/docs/app.config.ts new file mode 100644 index 00000000..372586fd --- /dev/null +++ b/docs/app.config.ts @@ -0,0 +1,6 @@ +export default defineAppConfig({ + ui: { + primary: 'green', + gray: 'slate' + } +}) diff --git a/docs/app.vue b/docs/app.vue index 8985b170..56a13bdf 100644 --- a/docs/app.vue +++ b/docs/app.vue @@ -3,20 +3,11 @@
- - - - + + + - - - - +