chore: add tailwind and primevue

Author: smyllet

.vscode/extensions.json

@@ -1,3 +1,8 @@
 {
-  "recommendations": ["jripouteau.adonis-extension-pack", "vue.volar"]
+  "recommendations": [
+    "jripouteau.adonis-extension-pack",
+    "vue.volar",
+    "bradlc.vscode-tailwindcss",
+    "csstools.postcss"
+  ]
 }

inertia/app/app.ts

@@ -1,11 +1,14 @@
 /// <reference path="../../adonisrc.ts" />
 /// <reference path="../../config/inertia.ts" />
 
-import '../css/app.css'
-import { createSSRApp, h } from 'vue'
-import type { DefineComponent } from 'vue'
-import { createInertiaApp } from '@inertiajs/vue3'
 import { resolvePageComponent } from '@adonisjs/inertia/helpers'
+import { createInertiaApp } from '@inertiajs/vue3'
+import { updatePreset } from '@primevue/themes'
+import Aura from '@primevue/themes/aura'
+import PrimeVue from 'primevue/config'
+import type { DefineComponent } from 'vue'
+import { createSSRApp, h } from 'vue'
+import '../css/app.css'
 
 const appName = import.meta.env.VITE_APP_NAME || 'AdonisJS'
 
@@ -24,6 +27,29 @@ createInertiaApp({
   setup({ el, App, props, plugin }) {
     createSSRApp({ render: () => h(App, props) })
       .use(plugin)
+      .use(PrimeVue, {
+        theme: {
+          preset: Aura,
+        },
+      })
       .mount(el)
+
+    updatePreset({
+      semantic: {
+        primary: {
+          50: '{cyan.50}',
+          100: '{cyan.100}',
+          200: '{cyan.200}',
+          300: '{cyan.300}',
+          400: '{cyan.400}',
+          500: '{cyan.500}',
+          600: '{cyan.600}',
+          700: '{cyan.700}',
+          800: '{cyan.800}',
+          900: '{cyan.900}',
+          950: '{cyan.950}',
+        },
+      },
+    })
   },
 })

inertia/app/ssr.ts

@@ -1,5 +1,6 @@
 import { createInertiaApp } from '@inertiajs/vue3'
 import { renderToString } from '@vue/server-renderer'
+import PrimeVue from 'primevue/config'
 import { createSSRApp, h, type DefineComponent } from 'vue'
 
 export default function render(page: any) {
@@ -12,7 +13,9 @@ export default function render(page: any) {
     },
 
     setup({ App, props, plugin }) {
-      return createSSRApp({ render: () => h(App, props) }).use(plugin)
+      return createSSRApp({ render: () => h(App, props) })
+        .use(plugin)
+        .use(PrimeVue)
     },
   })
 }

inertia/css/app.css

@@ -1,3 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 * {
   margin: 0;
   padding: 0;