test

nuxt.config.ts

@@ -1,4 +1,6 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
+import tailwindcss from "@tailwindcss/vite";
+
 export default defineNuxtConfig({
   compatibilityDate: "2024-11-01",
 
@@ -54,7 +56,17 @@ export default defineNuxtConfig({
     },
   },
 
+  /* tailwindcss: {
+    cssPath: [`assets/css/main.css`, { injectPosition: "first" }],
+    config: {},
+    viewer: true,
+    exposeConfig: false,
+  },
+ */
+  css: ["~/assets/css/main.css"],
+
   devtools: { enabled: true },
+
   srcDir: "./src",
   // Enable SSG
   ssr: false,
@@ -72,6 +84,8 @@ export default defineNuxtConfig({
       strictPort: true,
     },
 
+    plugins: [tailwindcss()],
+
     /* plugins: [wasm(), topLevelAwait()],
     worker: {
       format: 'es',

package.json

@@ -17,8 +17,9 @@
     "@libsql/client": "^0.15.4",
     "@nuxt/icon": "1.11.0",
     "@nuxt/image": "1.10.0",
-    "@nuxtjs/i18n": "^9.5.3",
-    "@pinia/nuxt": "^0.10.1",
+    "@nuxtjs/i18n": "^9.5.4",
+    "@pinia/nuxt": "^0.11.0",
+    "@tailwindcss/vite": "^4.1.5",
     "@tauri-apps/api": "^2.5.0",
     "@tauri-apps/plugin-dialog": "^2.2.1",
     "@tauri-apps/plugin-fs": "^2.2.1",
@@ -29,24 +30,24 @@
     "@tauri-apps/plugin-store": "^2.2.0",
     "@vueuse/core": "^13.1.0",
     "@vueuse/nuxt": "^13.1.0",
-    "drizzle-orm": "^0.41.0",
-    "nuxt": "^3.17.0",
+    "drizzle-orm": "^0.43.0",
+    "nuxt": "^3.17.2",
     "nuxt-snackbar": "1.3.0",
     "nuxt-zod-i18n": "^1.11.5",
+    "tailwindcss": "^4.1.5",
     "vue": "^3.5.13",
-    "zod": "^3.24.3"
+    "zod": "^3.24.4"
   },
   "devDependencies": {
-    "@egoist/tailwindcss-icons": "^1.9.0",
-    "@iconify/json": "^2.2.332",
-    "@iconify/tailwind": "^1.2.0",
+    "@iconify/json": "^2.2.336",
+    "@iconify/tailwind4": "^1.0.6",
     "@nuxtjs/tailwindcss": "^6.14.0",
     "@tauri-apps/cli": "^2.5.0",
     "@vitejs/plugin-vue": "^5.2.3",
-    "drizzle-kit": "^0.30.6",
-    "flyonui": "^1.3.1",
-    "typescript": "~5.6.3",
-    "vite": "^6.3.3",
+    "drizzle-kit": "^0.31.1",
+    "flyonui": "^2.1.0",
+    "typescript": "~5.8.3",
+    "vite": "^6.3.5",
     "vue-tsc": "^2.2.10"
   },
   "packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39",

src-tauri/src/lib.rs

@@ -9,7 +9,7 @@ use std::sync::Mutex;
 
 #[cfg_attr(mobile, tauri::mobile_entry_point)]
 pub fn run() {
-    let protocol_name = "haex-extension";
+    //let protocol_name = "haex-extension";
 
     tauri::Builder::default()
         /* .register_uri_scheme_protocol(protocol_name, move |app_handle, request| {

src-tauri/tauri.conf.json

@@ -4,7 +4,7 @@
   "version": "0.1.0",
   "identifier": "space.haex.hub",
   "build": {
-    "beforeDevCommand": "pnpm dev",
+    "beforeDevCommand": "pnpm generate && pnpm dev",
     "devUrl": "http://localhost:3003",
     "beforeBuildCommand": "pnpm generate",
     "frontendDist": "../dist"

src/assets/css/main.css

@@ -0,0 +1,19 @@
+@import "tailwindcss";
+
+@plugin "@iconify/tailwind4";
+@plugin "flyonui" {
+  themes: all;
+}
+@import "flyonui/variants.css";
+
+@source "../../node_modules/flyonui/flyonui.js";
+
+/* Import Third-party override css */
+/* @import "flyonui/src/vendor/flatpickr.css"; */
+/* @import "flyonui/src/vendor/notyf.css"; */
+/* @import "flyonui/src/vendor/datatables.css"; */
+/* @import "flyonui/src/vendor/editor.css"; */
+/* @import "flyonui/src/vendor/fullcalendar.css"; */
+/* @import "flyonui/src/vendor/raty.css"; */
+/* @import "flyonui/src/vendor/waves.css"; */
+/* @import "flyonui/src/vendor/apexcharts.css"; */

src/plugins/flyonui.client.ts

@@ -1,4 +1,16 @@
-import 'flyonui/flyonui';
+//import { useRouter } from "vue-router";
+
+// FlyonUI
+import "flyonui/flyonui";
+
+export default defineNuxtPlugin(() => {
+  const router = useRouter();
+  router.afterEach(async () => {
+    setTimeout(() => window.HSStaticMethods.autoInit());
+  });
+});
+
+/* import 'flyonui/flyonui';
 import { type IStaticMethods } from 'flyonui/flyonui';
 declare global {
   interface Window {
@@ -10,4 +22,4 @@ export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.hook('page:finish', () => {
     window.HSStaticMethods.autoInit();
   });
-});
+}); */

src/types/global.d.ts

@@ -0,0 +1,12 @@
+import type { IStaticMethods } from "flyonui/flyonui";
+
+declare global {
+  interface Window {
+    // Optional third-party libraries
+
+    // FlyonUI
+    HSStaticMethods: IStaticMethods;
+  }
+}
+
+export {};