i18n Support and Task improvements (#80)

* fix: release workflow

* feat: move mostly to internal tasks system

* feat: migrate object clean to new task system

* fix: release not  getting good base version

* chore: set version v0.3.0

* chore: style

* feat: basic task concurrency

* feat: temp pages to fill in page links

* feat: inital i18n support

* feat: localize store page

* chore: style

* fix: weblate doesn't like multifile thing

* fix: update nuxt

* feat: improved error logging

* fix: using old task api

* feat: basic translation docs

* feat: add i18n eslint plugin

* feat: translate store and auth pages

* feat: more translation progress

* feat: admin dash i18n progress

* feat: enable update check by default in prod

* fix: using wrong i18n keys

* fix: crash in library sources page

* feat: finish i18n work

* fix: missing i18n translations

* feat: use twemoji for emojis

* feat: sanatize object ids

* fix: EmojiText's alt text

* fix: UserWidget not using links

* feat: cache and auth for emoji api

* fix: add more missing translations

server/components/CreateCollectionModal.vue

@@ -3,11 +3,10 @@
     <template #default>
       <div>
         <DialogTitle as="h3" class="text-lg font-medium leading-6 text-white">
-          Create collection
+          {{ $t("library.collection.create") }}
         </DialogTitle>
         <p class="mt-1 text-zinc-400 text-sm">
-          Collections can used to organise your games and find them more easily,
-          especially if you have a large library.
+          {{ $t("library.collection.createDesc") }}
         </p>
       </div>
       <div class="mt-2">
@@ -15,7 +14,7 @@
           <input
             v-model="collectionName"
             type="text"
-            placeholder="Collection name"
+            :placeholder="$t('library.collection.namePlaceholder')"
             class="block w-full rounded-md border-0 bg-zinc-800 py-1.5 text-white shadow-sm ring-1 ring-inset ring-zinc-700 placeholder:text-zinc-400 focus:ring-2 focus:ring-inset focus:ring-blue-600 sm:text-sm sm:leading-6"
           />
           <button class="hidden" type="submit" />
@@ -30,7 +29,7 @@
         class="w-full sm:w-fit"
         @click="() => createCollection()"
       >
-        Create
+        {{ $t("create") }}
       </LoadingButton>
       <button
         ref="cancelButtonRef"
@@ -38,7 +37,7 @@
         class="mt-3 inline-flex w-full justify-center rounded-md bg-zinc-800 px-3 py-2 text-sm font-semibold text-zinc-100 shadow-sm ring-1 ring-inset ring-zinc-800 hover:bg-zinc-900 sm:mt-0 sm:w-auto"
         @click="() => close()"
       >
-        Cancel
+        {{ $t("cancel") }}
       </button>
     </template>
   </ModalTemplate>
@@ -60,6 +59,7 @@ const emit = defineEmits<{
 
 const open = defineModel<boolean>({ required: true });
 
+const { t } = useI18n();
 const collectionName = ref("");
 const createCollectionLoading = ref(false);
 const collections = await useCollections();
@@ -101,8 +101,10 @@ async function createCollection() {
     createModal(
       ModalType.Notification,
       {
-        title: "Failed to create collection",
-        description: `Drop couldn't create your collection: ${err?.statusMessage}`,
+        title: t("errors.library.collection.create.title"),
+        description: t("errors.library.collection.create.desc", [
+          err?.statusMessage ?? t("errors.unknown"),
+        ]),
       },
       (_, c) => c(),
     );