refactor: ♻️ Use new Versia branding everywhere

components/composer/composer.vue

@@ -45,7 +45,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Instance, Status } from "@lysand-org/client/types";
+import type { Instance, Status } from "@versia/client/types";
 import { nanoid } from "nanoid";
 import ButtonBase from "~/packages/ui/components/buttons/button.vue";
 import { OverlayScrollbarsComponent } from "#imports";

components/composer/emoji-suggestbox.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Emoji } from "@lysand-org/client/types";
+import type { Emoji } from "@versia/client/types";
 import { distance } from "fastest-levenshtein";
 import Avatar from "../avatars/avatar.vue";
 import AutocompleteSuggestbox from "./autocomplete-suggestbox.vue";

components/composer/mention-suggestbox.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Account } from "@lysand-org/client/types";
+import type { Account } from "@versia/client/types";
 import { distance } from "fastest-levenshtein";
 import Avatar from "../avatars/avatar.vue";
 import AutocompleteSuggestbox from "./autocomplete-suggestbox.vue";

components/errors/ErrorBoundary.vue

@@ -7,7 +7,7 @@
                 <p class="mt-6 text-base leading-7 text-gray-400" v-html="error.message"></p>
                 <div class="mt-10 grid grid-cols-2 gap-x-6 mx-auto max-w-md">
                     <Button theme="primary" class="w-full" @click="back">Go back</Button>
-                    <a href="https://github.com/lysand-org/frontend/issues" target="_blank">
+                    <a href="https://github.com/versia-pub/frontend/issues" target="_blank">
                         <Button theme="secondary" class="w-full">Report an issue</Button>
                     </a>
                 </div>

components/settings/oidc.vue

@@ -28,7 +28,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { ResponseError } from "@lysand-org/client";
+import type { ResponseError } from "@versia/client";
 import Button from "~/packages/ui/components/buttons/button.vue";
 import Avatar from "../avatars/avatar.vue";
 

components/settings/profile-editor.vue

@@ -45,7 +45,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { ResponseError } from "@lysand-org/client";
+import type { ResponseError } from "@versia/client";
 import Button from "~/packages/ui/components/buttons/button.vue";
 import Avatar from "../avatars/avatar.vue";
 import RichTextboxInput from "../inputs/rich-textbox-input.vue";

components/sidebars/navigation.vue

@@ -4,7 +4,8 @@
         aria-label="Navigation" role="complementary">
         <NuxtLink href="/">
             <img crossorigin="anonymous" class="size-11 rounded ring-1 ring-white/10 hover:scale-105 duration-200"
-                :src="instance?.thumbnail.url ?? '/logo.webp'" alt="Logo of your instance" />
+                :src="instance?.thumbnail.url ?? 'https://cdn.versia.pub/branding/icon.svg'"
+                alt="Logo of your instance" />
         </NuxtLink>
 
         <div class="flex flex-col gap-3">
@@ -148,7 +149,7 @@ const compose = () => {
 const signIn = async () => {
     loadingAuth.value = true;
 
-    const output = await client.value.createApp("Lysand", {
+    const output = await client.value.createApp("Versia", {
         scopes: ["read", "write", "follow", "push"],
         redirect_uris: new URL("/", useRequestURL().origin).toString(),
         website: useBaseUrl().value,
@@ -195,7 +196,7 @@ const signOut = async (id?: string) => {
         return;
     }
 
-    // Don't do anything on error, as Lysand doesn't implement the revoke endpoint yet
+    // Don't do anything on error, as Versia Server doesn't implement the revoke endpoint yet
     await client.value
         ?.revokeToken(
             appData.value.client_id,

components/social-elements/notes/attachment-dialog.vue

@@ -44,7 +44,7 @@
 
 <script lang="ts" setup>
 import { Dialog } from "@ark-ui/vue";
-import type { Attachment } from "@lysand-org/client/types";
+import type { Attachment } from "@versia/client/types";
 
 const lightbox = ref(false);
 const attachment = ref<Attachment | null>(null);

components/social-elements/notes/attachment.vue

@@ -39,7 +39,7 @@
 
 <script lang="ts" setup>
 import { Popover } from "@ark-ui/vue";
-import type { Attachment } from "@lysand-org/client/types";
+import type { Attachment } from "@versia/client/types";
 
 const props = defineProps<{
     attachment: Attachment;

components/social-elements/notes/header.vue

@@ -68,7 +68,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Status } from "@lysand-org/client/types";
+import type { Status } from "@versia/client/types";
 import Avatar from "~/components/avatars/avatar.vue";
 import Skeleton from "~/components/skeleton/Skeleton.vue";
 import UserCard from "~/components/social-elements/users/UserCard.vue";

components/social-elements/notes/mention.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Account } from "@lysand-org/client/types";
+import type { Account } from "@versia/client/types";
 
 defineProps<{
     account: Account;

components/social-elements/notes/note-content.vue

@@ -25,7 +25,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Status } from "@lysand-org/client/types";
+import type { Status } from "@versia/client/types";
 import Skeleton from "~/components/skeleton/Skeleton.vue";
 import Button from "~/packages/ui/components/buttons/button.vue";
 import Attachment from "./attachment.vue";

components/social-elements/notes/note.vue

@@ -147,7 +147,7 @@
 
 <script lang="ts" setup>
 import { Menu } from "@ark-ui/vue";
-import { RolePermission, type Status } from "@lysand-org/client/types";
+import { RolePermission, type Status } from "@versia/client/types";
 import Avatar from "~/components/avatars/avatar.vue";
 import ButtonDropdown from "~/components/buttons/button-dropdown.vue";
 import AdaptiveDropdown from "~/components/dropdowns/AdaptiveDropdown.vue";

components/social-elements/notifications/notif.vue

@@ -28,7 +28,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Notification } from "@lysand-org/client/types";
+import type { Notification } from "@versia/client/types";
 import Avatar from "~/components/avatars/avatar.vue";
 import Skeleton from "~/components/skeleton/Skeleton.vue";
 import Button from "~/packages/ui/components/buttons/button.vue";

components/social-elements/users/Account.vue

@@ -44,7 +44,7 @@
             <div class="flex flex-row flex-wrap gap-4 mt-4" v-if="isDeveloper || visibleRoles.length > 0">
                 <Badge v-for="role of visibleRoles" :key="role.id" :name="role.name" :description="role.description"
                     :img="role.icon" />
-                <Badge v-if="isDeveloper" name="Lysand Developer" description="This user is a Lysand developer."
+                <Badge v-if="isDeveloper" name="Versia Developer" description="This user is a Versia developer."
                     :verified="true" />
             </div>
         </div>
@@ -103,7 +103,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Account } from "@lysand-org/client/types";
+import type { Account } from "@versia/client/types";
 import Avatar from "~/components/avatars/avatar.vue";
 import Skeleton from "~/components/skeleton/Skeleton.vue";
 import Button from "~/packages/ui/components/buttons/button.vue";

components/social-elements/users/AccountActionsDropdown.vue

@@ -90,7 +90,7 @@ import {
     type Account,
     type Relationship,
     RolePermission,
-} from "@lysand-org/client/types";
+} from "@versia/client/types";
 import ButtonDropdown from "~/components/buttons/button-dropdown.vue";
 import AdaptiveDropdown from "~/components/dropdowns/AdaptiveDropdown.vue";
 import Button from "~/packages/ui/components/buttons/button.vue";

components/social-elements/users/SmallCard.vue

@@ -27,7 +27,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Account } from "@lysand-org/client/types";
+import type { Account } from "@versia/client/types";
 import Avatar from "~/components/avatars/avatar.vue";
 import Skeleton from "~/components/skeleton/Skeleton.vue";
 import { NuxtLink } from "#components";

components/social-elements/users/UserCard.vue

@@ -37,8 +37,8 @@
                         <div class="flex flex-row flex-wrap gap-4 mt-4" v-if="isDeveloper || visibleRoles.length > 0">
                             <Badge v-for="role of visibleRoles" :key="role.id" :name="role.name"
                                 :description="role.description" :img="role.icon" />
-                            <Badge v-if="isDeveloper" name="Lysand Developer"
-                                description="This user is a Lysand developer." :verified="true" />
+                            <Badge v-if="isDeveloper" name="Versia Developer"
+                                description="This user is a Versia developer." :verified="true" />
                         </div>
                     </div>
 
@@ -85,7 +85,7 @@
 
 <script setup lang="ts">
 import { HoverCard } from "@ark-ui/vue";
-import type { Account } from "@lysand-org/client/types";
+import type { Account } from "@versia/client/types";
 import Avatar from "~/components/avatars/avatar.vue";
 import { SettingIds } from "~/settings";
 import Badge from "./Badge.vue";

components/timelines/account.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Status } from "@lysand-org/client/types";
+import type { Status } from "@versia/client/types";
 import Timeline from "./timeline.vue";
 
 const props = defineProps<{

components/timelines/home.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Status } from "@lysand-org/client/types";
+import type { Status } from "@versia/client/types";
 import { useHomeTimeline } from "~/composables/HomeTimeline";
 import Timeline from "./timeline.vue";
 

components/timelines/local.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Status } from "@lysand-org/client/types";
+import type { Status } from "@versia/client/types";
 import { useLocalTimeline } from "~/composables/LocalTimeline";
 import Timeline from "./timeline.vue";
 

components/timelines/notifications.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Notification } from "@lysand-org/client/types";
+import type { Notification } from "@versia/client/types";
 import { useNotificationTimeline } from "~/composables/NotificationTimeline";
 import Timeline from "./timeline.vue";
 

components/timelines/public.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Status } from "@lysand-org/client/types";
+import type { Status } from "@versia/client/types";
 import { usePublicTimeline } from "~/composables/PublicTimeline";
 import Timeline from "./timeline.vue";
 

components/timelines/timeline-item.vue

@@ -4,7 +4,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Notification, Status } from "@lysand-org/client/types";
+import type { Notification, Status } from "@versia/client/types";
 import { computed } from "vue";
 import NoteItem from "../social-elements/notes/note.vue";
 import NotificationItem from "../social-elements/notifications/notif.vue";

components/timelines/timeline-scroller.vue

@@ -6,7 +6,7 @@
 const root = useParentElement(useParentElement());
 // Store and keep y to restore it on page change
 const route = useRoute();
-const yStored = useLocalStorage("lysand:scroll", {
+const yStored = useLocalStorage("versia:scroll", {
     [route.fullPath]: 0,
 });
 const { y } = useScroll(root);

components/timelines/timeline.vue

@@ -35,7 +35,7 @@
 </template>
 
 <script lang="ts" setup>
-import type { Notification, Status } from "@lysand-org/client/types";
+import type { Notification, Status } from "@versia/client/types";
 import { useIntersectionObserver } from "@vueuse/core";
 import { onMounted, watch } from "vue";
 import Button from "~/packages/ui/components/buttons/button.vue";