feat: start checks

src/components/App.vue

@@ -38,8 +38,8 @@ onMounted(async () => {
     await Promise.all([prf.reloadList(), prf.reload()]);
 
     if (prf.current !== null) {
-        await pkg.reloadAll();
         currentTab.value = 0;
+        await pkg.reloadAll();
     }
 
     fetch_promise.then(async () => {
@@ -65,7 +65,7 @@ onMounted(async () => {
                         ><div class="pi pi-list-check"></div
                     ></Tab>
                     <Tab
-                        v-if="!pkg.offline"
+                        v-if="pkg.networkStatus === 'online'"
                         :disabled="isProfileDisabled"
                         :value="1"
                         ><div class="pi pi-download"></div
@@ -98,7 +98,14 @@ onMounted(async () => {
                             />
                         </div>
                         <Button
-                            v-if="pkg.offline"
+                            v-if="pkg.networkStatus === 'connecting'"
+                            class="shrink self-center"
+                            icon="pi pi-sync pi-spin"
+                            size="small"
+                            :disabled="true"
+                        />
+                        <Button
+                            v-if="pkg.networkStatus === 'offline'"
                             class="shrink self-center"
                             icon="pi pi-sync"
                             size="small"
@@ -151,6 +158,7 @@ onMounted(async () => {
 
 <style lang="css">
 @import 'tailwindcss';
+@import 'primeicons/primeicons.css';
 
 .p-tablist-tab-list {
     height: 3rem;