refactor: useUserSettings uses global state to reduce db calls

app/components/Settings/AIServiceProvider.vue

@@ -2,7 +2,6 @@
 import { sortByReleaseDate } from '~/utils/sort';
 import { encryptData, decrypt, uint8ArrayToBase64, base64ToUint8Array } from '~/utils/crypto';
 import { providerBaseUrls, type Model } from '~/types/model';
-import { useSettings } from '~/composables/useSettings';
 import ModelItem from './ModelItem.vue';
 import RowVirtualizerDynamic from '../RowVirtualizerDynamic.vue';
 const triplit = useTriplitClient();

app/components/Settings/AppearanceSettings.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-const { colorScheme, settings, updateSettings } = await useUserSettings();
+const { colorScheme, settings, updateSettings } = useUserSettings();
 
 const accents = ['violet', 'volcano', 'lime', 'sky', 'coral', 'emerald', 'amber', 'rose', 'cyan', 'indigo', 'magenta'];
 const neutrals = ['zinc', 'slate', 'obsidian'];

app/components/Settings/GeneralSettings.vue

@@ -1,4 +1,8 @@
 <script setup lang="ts">
+const props = defineProps<{
+    params?: string;
+}>();
+
 defineEmits(['navigate']);
 </script>
 

app/components/Settings/ProviderSettings.vue

@@ -5,6 +5,10 @@ import { providerIcons } from '~/utils/model-mapping';
 const triplit = useTriplitClient();
 const { providers } = useModels();
 
+const props = defineProps<{
+    params?: string;
+}>();
+
 if (providers.value === undefined) throw new Error('Providers not loaded');
 
 // TODO: sometimes this code can create duplicate providers

app/components/Settings/SystemAssistants.vue

@@ -1,8 +1,12 @@
 <script setup lang="ts">
 import type { ModelWithProvider } from '~/composables/useModels';
 
-const { providers, allModels } = await useModels();
-const { settings, updateSettings } = await useUserSettings();
+const props = defineProps<{
+    params?: string;
+}>();
+
+const { providers, allModels } = useModels();
+const { settings, updateSettings } = useUserSettings();
 
 const toggle = async (key: string) => {
     const current = (settings.value.systemAssistants as any)[key];