Include tailwind & the classes that jsonforms-primevue uses

console/package.json

@@ -19,14 +19,17 @@
         "@jsonforms/vanilla-renderers": "^3.7.0",
         "@jsonforms/vue": "^3.7.0",
         "@jsonforms/vue-vanilla": "^3.7.0",
-        "@primeuix/themes": "^1.0.0",
+        "@primeuix/themes": "^1.2.5",
         "@primevue/core": "^4.2.5",
+        "@tailwindcss/vite": "^4.2.1",
         "chart.js": "^4.4.7",
         "codemirror": "^6.0.2",
         "jsonforms-primevue": "github:kobbejager/jsonforms-primevue",
         "mqtt": "^5.15.0",
         "primeicons": "^7.0.0",
         "primevue": "^4.2.5",
+        "tailwindcss": "^4.2.1",
+        "tailwindcss-primeui": "^0.6.1",
         "vue": "^3.4.27"
     },
     "devDependencies": {

console/src/assets/styles/main.css

@@ -1,5 +1,7 @@
 @import "primeicons/primeicons.css";
 
+@import "tailwindcss";
+
 html {
     box-sizing: border-box;
     -webkit-font-smoothing: antialiased;

console/src/tailwind.config.js

@@ -0,0 +1,34 @@
+/** tailwind.config.js */
+module.exports = {
+  content: [
+    "./index.html",
+    "./src/**/*.{vue,js,ts,jsx,tsx}"
+  ],
+  theme: {
+    extend: {},
+  },
+  safelist: [
+    'text-red-500',
+    'text-green-500',
+    'text-yellow-500',
+    'mb-2',
+    'italic',
+    'text-sm',
+    'p-2',
+    'rounded-md',
+    'bg-white',
+    'bg-gray-50',
+    'gap-8',
+    'text-sm',
+    'flex',
+    'flex-col',
+    'gap-8',
+    'font-bold',
+    'mb-2',
+    'text-red-500',
+    'italic',
+    'text-sm',
+    // Add any other classes you know jsonforms-primevue uses
+  ],
+  plugins: [],
+}

console/vite.config.js

@@ -2,11 +2,13 @@ import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import Components from 'unplugin-vue-components/vite';
 import { PrimeVueResolver } from '@primevue/auto-import-resolver';
+import tailwindcss from '@tailwindcss/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
 	plugins: [
 		vue(),
+		tailwindcss(),
 		Components({
 			resolvers: [
 				PrimeVueResolver()