From e8c9f1fb69308754d7533f1c6d0682a7e8f4ac6f Mon Sep 17 00:00:00 2001 From: Hugo Richard Date: Wed, 29 Jan 2025 11:17:56 +0100 Subject: [PATCH] feat: migrate to `@nuxt/ui-pro` & `@nuxt/content` v3 (#61) Co-authored-by: Benjamin Canac --- app/app.config.ts | 52 +- app/app.vue | 14 +- app/assets/css/main.css | 28 + app/components/AppFooter.vue | 79 +- app/components/AppHeader.vue | 69 +- app/components/ImagePlaceholder.vue | 73 - app/components/LogoPro.vue | 52 + app/components/ParticlesBg.vue | 249 ++ app/components/PromotionalVideo.vue | 30 + app/components/TemplateMenu.vue | 38 + app/pages/index.vue | 307 ++- content.config.ts | 105 + content/index.yml | 385 ++-- nuxt.config.ts | 24 +- nuxt.schema.ts | 31 + package.json | 17 +- pnpm-lock.yaml | 3304 +++++++++++++++------------ 17 files changed, 2882 insertions(+), 1975 deletions(-) create mode 100644 app/assets/css/main.css delete mode 100644 app/components/ImagePlaceholder.vue create mode 100644 app/components/LogoPro.vue create mode 100644 app/components/ParticlesBg.vue create mode 100644 app/components/PromotionalVideo.vue create mode 100644 app/components/TemplateMenu.vue create mode 100644 content.config.ts create mode 100644 nuxt.schema.ts diff --git a/app/app.config.ts b/app/app.config.ts index f2047018..aec89678 100644 --- a/app/app.config.ts +++ b/app/app.config.ts @@ -1,54 +1,8 @@ export default defineAppConfig({ ui: { - primary: 'indigo', - gray: 'zinc', - variables: { - light: { - background: 'var(--color-gray-50)' - }, - dark: { - background: 'var(--color-gray-950)' - } - }, - button: { - rounded: 'rounded-full', - default: { - size: 'md', - color: 'black' - } - }, - input: { - rounded: 'rounded-full' - }, - header: { - wrapper: 'lg:!border-transparent bg-gray-50 dark:bg-gray-950', - links: { - wrapper: 'ring-1 ring-gray-200 dark:ring-gray-800 px-3 gap-x-0 rounded-full', - base: 'py-2 px-4 font-medium transition-colors relative after:absolute after:-bottom-px after:inset-x-2 after:h-px after:rounded-full after:opacity-0 after:bg-gray-900 dark:after:bg-white after:transition-opacity', - active: 'text-gray-900 dark:text-white after:opacity-100', - inactive: 'text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200' - } - }, - footer: { - top: { - wrapper: 'border-t border-gray-200 dark:border-gray-800', - container: 'py-8 lg:py-16' - }, - bottom: { - wrapper: 'border-t border-gray-200 dark:border-gray-800' - } - }, - pricing: { - card: { - highlight: 'ring-gray-900 dark:ring-white', - features: { - item: { - icon: { - base: 'text-gray-900 dark:text-white' - } - } - } - } + colors: { + primary: 'green', + neutral: 'zinc' } } }) diff --git a/app/app.vue b/app/app.vue index 60c0b824..8ef0b90a 100644 --- a/app/app.vue +++ b/app/app.vue @@ -19,13 +19,13 @@ useSeoMeta({ diff --git a/app/assets/css/main.css b/app/assets/css/main.css new file mode 100644 index 00000000..094ca91a --- /dev/null +++ b/app/assets/css/main.css @@ -0,0 +1,28 @@ +@import "tailwindcss"; +@import "@nuxt/ui-pro"; + +@theme { + --font-sans: 'Public Sans', sans-serif; + + --color-green-50: #EFFDF5; + --color-green-100: #D9FBE8; + --color-green-200: #B3F5D1; + --color-green-300: #75EDAE; + --color-green-400: #00DC82; + --color-green-500: #00C16A; + --color-green-600: #00A155; + --color-green-700: #007F45; + --color-green-800: #016538; + --color-green-900: #0A5331; + --color-green-950: #052E16; +} + +:root { + --ui-primary: black; + --ui-bg: white; +} + +.dark { + --ui-primary: white; + --ui-bg: #090909; +} diff --git a/app/components/AppFooter.vue b/app/components/AppFooter.vue index fe590730..e84989f9 100644 --- a/app/components/AppFooter.vue +++ b/app/components/AppFooter.vue @@ -1,5 +1,5 @@