Refactor to remove slices and environments, replace with instances.

resources/js/pages/organisations/Show.vue

@@ -21,11 +21,14 @@ const tabValue = ref(new URL(window.location.href).hash?.replace('#', '') || 'da
 watch(tabValue, () => {
     window.history.pushState({}, '', `#${tabValue.value}`);
 });
-watch(() => window.location.hash, (newHash) => {
-    if (newHash) {
-        tabValue.value = newHash.replace('#', '');
-    }
-});
+watch(
+    () => window.location.hash,
+    (newHash) => {
+        if (newHash) {
+            tabValue.value = newHash.replace('#', '');
+        }
+    },
+);
 </script>
 
 <template>
@@ -51,7 +54,7 @@ watch(() => window.location.hash, (newHash) => {
                                     })
                                 "
                                 class="absolute inset-0"
-                            />
+                            />  
                             <CardContent class="flex items-center gap-4 p-4">
                                 <AppWindowIcon class="size-6 text-muted-foreground" />
                                 <div>
@@ -93,7 +96,7 @@ watch(() => window.location.hash, (newHash) => {
                         <template #fallback> Loading... </template>
                         <h3 class="mt-4 text-2xl font-bold tracking-tight">Server Providers</h3>
                         <p class="mb-4 text-sm text-muted-foreground">Manage your server providers.</p>
-                        <div class="border-muted-background divide-y-muted-background divide-y rounded-md border max-w-80">
+                        <div class="border-muted-background divide-y-muted-background max-w-80 divide-y rounded-md border">
                             <div v-for="provider in providers" class="flex items-center gap-2 px-2 py-1">
                                 {{ provider.name }}
                                 <span class="ml-auto text-xs uppercase text-muted-foreground">{{ provider.type }}</span>