From aa3fcc39606f8d5cddfdf540b86395517e92fd65 Mon Sep 17 00:00:00 2001 From: Nicola Spadari Date: Sat, 8 Feb 2025 12:19:19 +0100 Subject: [PATCH] Add nuxtui --- app/app.config.ts | 24 +- app/app.vue | 38 +- app/assets/css/main.css | 45 + app/components/Site/Navbar.vue | 54 +- app/components/Site/Sidebar.vue | 6 - app/composables/sidebar.ts | 2 +- app/layouts/default.vue | 4 +- app/layouts/home.vue | 2 +- app/pages/index.vue | 16 +- nuxt.config.ts | 17 +- package.json | 6 +- pnpm-lock.yaml | 2807 +++++++++++++++---------------- 12 files changed, 1496 insertions(+), 1525 deletions(-) create mode 100644 app/assets/css/main.css diff --git a/app/app.config.ts b/app/app.config.ts index bbac1e4..3cbea35 100644 --- a/app/app.config.ts +++ b/app/app.config.ts @@ -1,8 +1,20 @@ export default defineAppConfig({ - name: "Nuxtor", - author: "Nicola Spadari", - repo: "https://github.com/NicolaSpadari/nuxtor", - tauriSite: "https://v2.tauri.app", - nuxtSite: "https://nuxt.com", - unoSite: "https://unocss.dev" + app: { + name: "Nuxtor", + author: "Nicola Spadari", + repo: "https://github.com/NicolaSpadari/nuxtor", + tauriSite: "https://tauri.app", + nuxtSite: "https://nuxt.com", + nuxtUiSite: "https://ui3.nuxt.dev" + }, + ui: { + colors: { + neutral: "zinc" + }, + button: { + slots: { + base: "cursor-pointer" + } + } + } }); diff --git a/app/app.vue b/app/app.vue index 8db614b..951d0db 100644 --- a/app/app.vue +++ b/app/app.vue @@ -1,35 +1,11 @@ - - diff --git a/app/assets/css/main.css b/app/assets/css/main.css new file mode 100644 index 0000000..c924487 --- /dev/null +++ b/app/assets/css/main.css @@ -0,0 +1,45 @@ +@import "tailwindcss"; +@import "@nuxt/ui"; + +@theme { + --font-Heading: "Montserrat", sans-serif; + --font-sans: "Inter", sans-serif; + + --color-primary: var(--ui-color-primary-500); + --color-secondary: var(--ui-color-secondary-500); + --color-success: var(--ui-color-success-500); + --color-info: var(--ui-color-info-500); + --color-warning: var(--ui-color-warning-500); + --color-error: var(--ui-color-error-500) +} + +@layer base { + -webkit-tap-highlight-color: transparent; +} + +@layer utilities { + .flex-center { + @apply flex justify-center items-center; + } + .absolute-center-h: { + @apply left-1/2 transform -translate-x-1/2; + } + .absolute-center-v{ + @apply top-1/2 transform -translate-y-1/2; + } +} + +.page-enter-active, +.page-leave-active { + @apply transition-opacity ease-in-out duration-300; +} +.layout-enter-active, +.layout-leave-active { + @apply transition-opacity ease-in-out duration-500; +} +.page-enter-from, +.page-leave-to, +.layout-enter-from, +.layout-leave-to { + @apply opacity-0; +} diff --git a/app/components/Site/Navbar.vue b/app/components/Site/Navbar.vue index 5780e0e..b02f9a4 100644 --- a/app/components/Site/Navbar.vue +++ b/app/components/Site/Navbar.vue @@ -11,23 +11,9 @@ - + + + diff --git a/app/layouts/home.vue b/app/layouts/home.vue index 2e69050..8ab77ce 100644 --- a/app/layouts/home.vue +++ b/app/layouts/home.vue @@ -3,7 +3,7 @@ -
+
diff --git a/app/pages/index.vue b/app/pages/index.vue index c2dc106..e8828a7 100644 --- a/app/pages/index.vue +++ b/app/pages/index.vue @@ -5,24 +5,24 @@

- {{ name.toUpperCase() }} + {{ app.name.toUpperCase() }}

Powered by - + Nuxt 3 - - + Tauri 2 - - - UnoCSS + + NuxtUI 3

- + Star on GitHub
@@ -31,14 +31,14 @@

- Made by {{ author }} + Made by {{ app.author }}