perf: ♻️ Use global instance of composable instead of an instance per component for identities, client and settings

pages/[username]/[uuid].vue

@@ -20,7 +20,6 @@ definePageMeta({
 
 const element = ref<HTMLElement | null>(null);
 const route = useRoute();
-const client = useClient();
 const uuid = route.params.uuid as string;
 
 const note = useNote(client, uuid);

pages/[username]/index.vue

@@ -21,7 +21,6 @@ definePageMeta({
 });
 
 const route = useRoute();
-const client = useClient();
 const username = (route.params.username as string).startsWith("@")
     ? (route.params.username as string).substring(1)
     : (route.params.username as string);

pages/notifications.vue

@@ -28,5 +28,4 @@ import TimelineScroller from "~/components/timelines/timeline-scroller.vue";
 definePageMeta({
     layout: "app",
 });
-const identity = useCurrentIdentity();
 </script>

pages/oauth/reset.vue

@@ -76,7 +76,6 @@ import Label from "~/components/inputs/label.vue";
 import PasswordInput from "~/components/inputs/password-input.vue";
 import Button from "~/packages/ui/components/buttons/button.vue";
 
-const identity = useCurrentIdentity();
 identity.value = null;
 
 const schema = toTypedSchema(

pages/register/index.vue

@@ -84,7 +84,8 @@
                     cannot see your password.
                 </p>
 
-                <Button theme="primary" type="submit" class="w-full" :disabled="isLoading">{{ isLoading ? "Registering..." :
+                <Button theme="primary" type="submit" class="w-full" :disabled="isLoading">{{ isLoading ?
+                    "Registering..." :
                     "Register" }}</Button>
             </VeeForm>
         </div>
@@ -140,7 +141,6 @@ const schema = toTypedSchema(
         }),
 );
 
-const client = useClient();
 const tos = useTos(client);
 
 const errors = ref<{

pages/settings/index.vue

@@ -33,6 +33,4 @@ import { SettingPages, getSettingsForPath } from "~/settings";
 definePageMeta({
     layout: "app",
 });
-
-const settings = useSettings();
 </script>