Update and add hadith

.env

@@ -41,6 +41,7 @@ VITE_LANG = fa
 VITE_APP_VERSION = 12890323
 
 # all available systems, using for setting body class
+VITE_HADITH_SYSTEM=hadith-system
 VITE_RESEARCH_SYSTEM=research-system
 VITE_SEARCH_SYSTEM=search-system
 VITE_JAHAT_SYSTEM=jahat-system

.env.monir

@@ -26,6 +26,7 @@ VITE_PERMISSION_PAGE_TITLE=هم فهمی - سامانه کنترل وظایف
 VITE_RESEARCH_PAGE_TITLE = هم فهمی - تحقیقات من
 VITE_CHAT_PAGE_TITLE=هم فهمی - سامانه گفتگو
 VITE_AI_TOOLS_PAGE_TITLE = قانون‌یار - حاشیه نویسی
+VITE_HADITH_PAGE_TITLE = حدیثا
 
 VITE_USER_PANEL_PAGE_TITLE=هم فهمی - پیشخوان
 VITE_DATA_SETTING_PAGE_TITLE=هم فهمی - تنظیمات داده

app.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <UApp>
     <NuxtLoadingIndicator />
     <!-- <NuxtRouteAnnouncer /> -->
     <!-- <DevOnly> -->
@@ -23,9 +23,8 @@
       <NuxtPage />
       <!-- <BrokeInSsr /> -->
       <!-- </NuxtClientFallback> -->
-
     </NuxtLayout>
-  </div>
+  </UApp>
 </template>
 
 <script>

assets/tailwindcss/main.css

@@ -1,3 +1,24 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+/* @import "tailwindcss"; */
+/* @import "@nuxt/ui"; */
+
+@theme {
+  --font-sans: 'Public Sans', sans-serif;
+
+  --breakpoint-3xl: 1920px;
+
+  --color-green-50: #EFFDF5;
+  --color-green-100: #D9FBE8;
+  --color-green-200: #B3F5D1;
+  --color-green-300: #75EDAE;
+  --color-green-400: #00DC82;
+  --color-green-500: #00C16A;
+  --color-green-600: #00A155;
+  --color-green-700: #007F45;
+  --color-green-800: #016538;
+  --color-green-900: #0A5331;
+  --color-green-950: #052E16;
+}

nuxt.config.ts

@@ -50,7 +50,13 @@ export default defineNuxtConfig({
           name: "entityResearch",
           path: "/search/:key/:id/detail",
           file: "~/systems/search_ui/pages/search/(show)/[key]/[id]/index.vue",
-        }
+        },
+        // hadith
+        {
+          name: "hadith",
+          path: "/hadith",
+          file: "~/systems/hadith_ui/pages/hadith/index.vue",
+        },
       );
     },
   },
@@ -99,6 +105,14 @@ export default defineNuxtConfig({
     "@nuxt/image",
     // "@nuxtjs/supabase",
   ],
+  ui: {
+    prefix: 'Nuxt', //Use the prefix option to change the prefix of the components.    Default: U
+    fonts: false, // Use the fonts option to enable or disable the @nuxt/fonts module.    Default: true
+    colorMode: false, // Use the colorMode option to enable or disable the @nuxt/color-mode module.     Default: true
+    theme: {
+      colors: ['primary', 'error'] // Use the theme.colors option to define the dynamic color aliases used to generate components theme.
+    },
+  },
   // delayHydration: {
   //   // enables nuxt-delay-hydration in dev mode for testing
   //   debug: process.env.NODE_ENV === 'development',

package.json

@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@nuxt/image": "^1.8.1",
-    "@nuxt/ui": "^2.18.7",
+    "@nuxt/ui": "^3.0.0-alpha.12",
     "@nuxtjs/supabase": "^1.4.5",
     "@pinia/nuxt": "^0.5.4",
     "@popperjs/core": "^2.11.8",