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

components/status/StatusTranslation.vue

@@ -1,48 +0,0 @@
-<script setup lang="ts">
-import type { mastodon } from 'masto'
-
-const { status } = defineProps<{
-  status: mastodon.v1.Status
-}>()
-
-const {
-  toggle: _toggleTranslation,
-  translation,
-  enabled: isTranslationEnabled,
-} = useTranslation(status, getLanguageCode())
-const preferenceHideTranslation = usePreferences('hideTranslation')
-
-const showButton = computed(() =>
-  !preferenceHideTranslation.value
-  && isTranslationEnabled
-  && status.content.trim().length,
-)
-
-const translating = ref(false)
-async function toggleTranslation() {
-  translating.value = true
-  try {
-    await _toggleTranslation()
-  }
-  finally {
-    translating.value = false
-  }
-}
-</script>
-
-<template>
-  <div v-if="showButton">
-    <button
-      p-0 flex="~ center" gap-2 text-sm
-      :disabled="translating" disabled-bg-transparent btn-text class="disabled-text-$c-text-btn-disabled-deeper" @click="toggleTranslation"
-    >
-      <span v-if="translating" block animate-spin preserve-3d>
-        <span block i-ri:loader-2-fill />
-      </span>
-      <div v-else i-ri:translate />
-      {{ translation.visible ? $t('menu.show_untranslated') : $t('menu.translate_post') }}
-    </button>
-  </div>
-</template>
-
-<style scoped></style>