Merge pull request mouseless#60 from dncsvr/issue/primevue-form

Issue / PrimeVue From
dncsvr · Nov 14, 2024 · c993f0b · c993f0b
2 parents fdf2150 + 39e1660
commit c993f0b
Show file tree

Hide file tree

Showing 7 changed files with 4,291 additions and 4,129 deletions.
diff --git a/.theme/assets/tailwind.css b/.theme/assets/tailwind.css
@@ -0,0 +1,8 @@
+@layer tailwind-base {
+    @tailwind base;
+}
+
+@layer tailwind-utilities {
+    @tailwind components;
+    @tailwind utilities;
+}
diff --git a/.theme/layouts/default.vue b/.theme/layouts/default.vue
@@ -71,12 +71,16 @@ img.nuxt:is(.logo) {
 div.logo {
   margin: 2em 0;
 
+  a {
+    display: inline-flex;
+  }
   a+a {
     padding-left: 1em;
   }
 
   img.logo {
     height: var(--height-logo);
+    display: inline;
   }
 
   @media (max-width: 800px) {

diff --git a/.theme/nuxt.config.ts b/.theme/nuxt.config.ts
@@ -1,4 +1,15 @@
 import { joinURL } from "ufo";
+import Aura from "@primevue/themes/aura";
+import { definePreset } from "@primevue/themes";
+
+const Mouseless = definePreset(Aura, {
+  semantic: {
+    primary: {
+      50: "{red.50}",
+      950: "{red.950}"
+    }
+  }
+});
 
 export default defineNuxtConfig({
   app: {
@@ -83,7 +94,16 @@ export default defineNuxtConfig({
   generate: {
     routes: ["/not-found"]
   },
-  modules: ["@nuxt/content", "@pinia/nuxt"],
+  modules: ["@nuxt/content", "@pinia/nuxt", "@nuxtjs/tailwindcss", "@primevue/nuxt-module"],
+  primevue: {
+    options: {
+      theme: {
+        preset: Mouseless
+      }
+    },
+    cssLayerOrder: "tailwind-base, primevue, tailwind-utilities",
+    autoImport: true
+  },
   nitro: {
     prerender: {
       ignore: [
@@ -120,5 +140,8 @@ export default defineNuxtConfig({
         }
       }
     }
+  },
+  tailwindcss: {
+    cssPath: ["~/assets/tailwind.css"]
   }
 });