kin: KIN-108-frontend_dev

web/frontend/src/components/AttachmentUploader.vue

@@ -1,7 +1,10 @@
 <script setup lang="ts">
 import { ref } from 'vue'
+import { useI18n } from 'vue-i18n'
 import { api } from '../api'
 
+const { t } = useI18n()
+
 const props = defineProps<{ taskId: string }>()
 const emit = defineEmits<{ uploaded: [] }>()
 
@@ -12,7 +15,7 @@ const fileInput = ref<HTMLInputElement | null>(null)
 
 async function upload(file: File) {
   if (!file.type.startsWith('image/')) {
-    error.value = 'Поддерживаются только изображения'
+    error.value = t('attachments.images_only')
     return
   }
   uploading.value = true
@@ -52,10 +55,10 @@ function onDrop(event: DragEvent) {
     <input ref="fileInput" type="file" accept="image/*" class="hidden" @change="onFileChange" />
     <div v-if="uploading" class="flex items-center justify-center gap-2 text-xs text-blue-400">
       <span class="inline-block w-3 h-3 border-2 border-blue-400 border-t-transparent rounded-full animate-spin"></span>
-      Загрузка...
+      {{ t('attachments.uploading') }}
     </div>
     <div v-else class="text-xs text-gray-500">
-      Перетащите изображение или <span class="text-blue-400">нажмите для выбора</span>
+      {{ t('attachments.drop_hint') }} <span class="text-blue-400">{{ t('attachments.click_to_select') }}</span>
     </div>
     <p v-if="error" class="text-red-400 text-xs mt-1">{{ error }}</p>
   </div>