feat(nuxt3): nuxtlabs ui

server/nuxt3/app.config.ts

@@ -0,0 +1,8 @@
+export default defineAppConfig({
+  ui: {
+    colors: ['green', 'red'],
+    notifications: {
+      position: 'top-10 right-0',
+    },
+  },
+})

server/nuxt3/app.vue

@@ -4,6 +4,7 @@
 
 <template>
   <NuxtPage />
+  <UNotifications md:w-120 xl:w-120 />
 </template>
 
 <style>

server/nuxt3/nuxt.config.ts

@@ -7,7 +7,12 @@ export default defineNuxtConfig({
     '@vueuse/nuxt',
     '@unocss/nuxt',
     '@pinia/nuxt',
+    '@nuxthq/ui',
   ],
+  ui: {
+    safelistColors: ['green', 'red'],
+    icons: ['carbon', 'twemoji'],
+  },
   css: [
     '@unocss/reset/tailwind-compat.css',
   ],

server/nuxt3/package.json

@@ -35,6 +35,7 @@
     "@iconify-json/carbon": "^1.1.17",
     "@iconify-json/twemoji": "^1.1.11",
     "@nuxt/devtools": "^0.5.5",
+    "@nuxthq/ui": "^2.4.0",
     "@pinia/nuxt": "^0.4.11",
     "@unocss/eslint-config": "^0.52.7",
     "@unocss/nuxt": "^0.52.7",

server/nuxt3/pages/app-init.vue

@@ -5,6 +5,7 @@ import type { OutputConfig, ServerConfig } from '../composables/config'
 
 const text = ref('')
 const config = ref<ServerConfig<OutputConfig>>()
+const toast = useToast()
 const showUserIdInput = ref(false)
 async function onInitClick() {
   const decode = cryption.decode(text.value)
@@ -15,13 +16,25 @@ async function onInitClick() {
       method: 'POST',
       body: text.value, // config.value.app[appName],
     })
-    if (error.value)
-      alert(errorMessage(error.value))
-    else
+    if (error.value) {
+      toast.add({
+        title: errorMessage(error.value),
+        color: 'red',
+        timeout: 2000,
+        icon: 'i-carbon-warning',
+      })
+    }
+    else {
       showUserIdInput.value = true
+    }
   }
   else {
-    alert('Config code error')
+    toast.add({
+      title: 'Config code error',
+      color: 'red',
+      timeout: 2000,
+      icon: 'i-carbon-warning',
+    })
   }
 }
 </script>

server/nuxt3/pages/user-config.vue

@@ -5,6 +5,7 @@ import { cryption } from '~/constants'
 import type { OutUserConfig, ServerConfig } from '~/composables/config'
 
 const route = useRoute()
+const toast = useToast()
 const { code } = route.query
 const regex = /[A-Za-z]+[A-Z0-9][0-9]$/g
 const decode = (code && code.length > 2 && regex.test(code as string)) ? cryption.decode(code as string) : ''
@@ -27,9 +28,9 @@ async function onChange(config: ServerConfig<OutUserConfig>) {
     },
   })
   if (error.value)
-    alert(errorMessage(error.value))
+    toast.add({ title: errorMessage(error.value), color: 'red', timeout: 2000, icon: 'i-carbon-warning' })
   else
-    alert('success')
+    toast.add({ title: 'success', color: 'green', timeout: 2000, icon: 'i-carbon-checkmark-outline' })
 }
 </script>
 

server/nuxt3/server/api/telegram/save-web-info.ts

@@ -1,4 +1,5 @@
-import { WebInfoByApi } from '@stargram/core/webInfo'
+import { WebInfo } from '@stargram/core/webInfo'
+import { routes } from '@stargram/web-hub'
 import { WebCard } from '@stargram/core/webCard'
 import { SupabaseImageStorage } from '@stargram/core/storage/supabase'
 import { OpenaiSummarizeContent } from '@stargram/core/llm/openai'
@@ -14,9 +15,9 @@ export default eventHandler(async (event) => {
   const context = body.context as Context
   const config = context.USER_CONFIG as UserConfig
 
-  const webInfo = new WebInfoByApi({
-    stargramHub: config.webInfo.api.stargramHub,
-    browserlessToken: config.webInfo.api.browserlessToken,
+  const webInfo = new WebInfo({
+    routes,
+    browserlessToken: config.webInfo.localFn.browserlessToken,
   })
 
   const imgStorage = new SupabaseImageStorage({

server/nuxt3/stargram.config.json

@@ -9,15 +9,14 @@
     }
   },
   "webInfo": {
-    "select": "api",
+    "select": "localFn",
     "public": false,
     "userConfig": true,
     "config": {
-      "stargramHub": "https://stargram.cc",
       "browserlessToken": ""
     },
-    "fn": "WebInfoByApi",
-    "import": "import { WebInfoByApi } from '@stargram/core/webInfo'\n"
+    "fn": "WebInfo",
+    "import": "import { WebInfo } from '@stargram/core/webInfo'\nimport { routes } from '@stargram/web-hub'\n"
   },
   "webCard": {
     "select": "localFn",

server/nuxt3/uno.config.ts

@@ -20,6 +20,7 @@ export default defineConfig({
     presetIcons({
       scale: 1.2,
       warn: true,
+      prefix: 'uno-',
     }),
     presetTypography(),
     presetWebFonts({