refactor: migrate to nuxt compatibilityVersion: 4 (#3298)

app/components/account/AccountHandle.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import type { mastodon } from 'masto'
+
+const { account } = defineProps<{
+  account: mastodon.v1.Account
+}>()
+
+const serverName = computed(() => getServerName(account))
+</script>
+
+<template>
+  <p line-clamp-1 whitespace-pre-wrap break-all text-secondary-light leading-tight dir="ltr">
+    <!-- fix: #274 only line-clamp-1 can be used here, using text-ellipsis is not valid -->
+    <span text-secondary>{{ getShortHandle(account) }}</span>
+    <span v-if="serverName" text-secondary-light>@{{ serverName }}</span>
+  </p>
+</template>