feat: ditch triplit, move to postgresql + drizzle orm

app/components/Dialog/Settings.vue

@@ -6,7 +6,7 @@ import SystemAssistants from '~/components/Settings/SystemAssistants.vue';
 import AppearanceSettings from '~/components/Settings/AppearanceSettings.vue';
 import AIServiceProvider from '~/components/Settings/AIServiceProvider.vue';
 
-const { providers } = useModels();
+const { providers } = await useModels();
 
 const PAGES_CONFIG = {
     general: {
@@ -77,7 +77,7 @@ const runtimePage = computed(() => {
                 @navigate="(p: string, params?: string) => setOptions({ page: p, params })" :params="props.params" />
 
             <button v-else v-for="(config, id) in PAGES_CONFIG" :key="id" @click="setOptions({ page: id })"
-                :class="[page === id ? 'bg-[var(--color-hover)]' : 'hover:bg-[var(--color-hover)]', 'flex justify-between items-center shrink-0 px-1 rounded-lg transition-colors cursor-pointer h-9']">
+                :class="[page === id ? 'bg-[var(--color-hover)]' : '@hover:bg-[var(--color-hover)]', 'flex justify-between items-center shrink-0 px-1 rounded-lg transition-colors cursor-pointer h-9']">
                 <div class="flex items-center gap-2 max-w-full flex-1">
                     <span :class="['w-5 h-5 text-5', config.icon]"></span>
                     {{ config.label }}
@@ -91,7 +91,7 @@ const runtimePage = computed(() => {
             <header class="flex items-center justify-between pl-2 pb-2 pt-2 ">
                 <h2 class="text-lg font-semibold m-0 case-capital">{{ runtimePage.label }}</h2>
                 <button
-                    class="hover:bg-[var(--color-hover)] p-1.5 rounded-md transition-colors duration-200 ease-[cubic-bezier(0,0.55,0.45,1)]"
+                    class="@hover:bg-[var(--color-hover)] p-1.5 rounded-md transition-colors duration-200 ease-[cubic-bezier(0,0.55,0.45,1)]"
                     @click="close">
                     <span class="i-mynaui-x-solid"></span>
                 </button>