ADD: Pinia

src/App.vue

@@ -7,15 +7,21 @@ import ConfigSelect from '@/components/config/ConfigSelect.vue'
 import { ref } from 'vue'
 import ConfigSection from '@/components/config/ConfigSection.vue'
 import { Bolt } from 'lucide-vue-next'
+import { useStore } from '@/store'
 
 const currentConfigPage = ref('profile_settings')
 
+const store = useStore()
+
+store.fetchProfiles()
+
 </script>
 <template>
   <main class="select-none w-screen h-screen flex flex-col">
     <Navbar class="flex-none" />
     <div class="flex-1 min-h-0 flex flex-row">
-      <ProfileManager class="basis-1/3 min-w-80 flex-1 flex flex-col border-solid border-0 border-r bg-zinc-900 bg-opacity-30" />
+      <ProfileManager
+        class="basis-1/3 min-w-80 flex-1 flex flex-col border-solid border-0 border-r bg-zinc-900 bg-opacity-30" />
       <div class="basis-1/3 flex-1 flex flex-col border-solid border-0 border-r">
         <DevicePreview class="flex-col flex flex-none" />
         <ConfigSection class="flex-none" :title="$t('config_options.title')" :foldable="false" :icon-component="Bolt" />