fix: translation status page - types, import fixes, a11y test added

Author: alex-key

app/pages/settings.vue

@@ -269,6 +269,17 @@ const setLocale: typeof setNuxti18nLocale = newLocale => {
             </template>
 
             <!-- Simple help link for source locale -->
+            <template v-else>
+              <a
+                href="https://github.com/npmx-dev/npmx.dev/tree/main/i18n/locales"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="inline-flex items-center gap-2 text-sm text-fg-muted hover:text-fg transition-colors duration-200 focus-visible:outline-accent/70 rounded"
+              >
+                <span class="i-simple-icons:github w-4 h-4" aria-hidden="true" />
+                {{ $t('settings.help_translate') }}
+              </a>
+            </template>
             <div>
               <LinkBase
                 :to="{ name: 'translation-status' }"

app/types/index.ts

@@ -2,7 +2,6 @@ import '#app'
 import '#vue-router'
 export * from './icon'
 export * from './navigation'
-export * from './components'
 
 declare module '#app' {
   interface PageMeta {

i18n/locales/en.json

@@ -1356,17 +1356,14 @@
     "guide": "localization (i18n) guide",
     "by_locale": "Translation progress by locale",
     "by_file": "Translation progress by file",
-    "locale_summary": "{name} ({id})",
     "complete_text": "This translation is complete, amazing job!",
-    "done_text": "done",
     "missing_text": "missing",
     "missing_keys": "There is no missing translations | Missing translation | Missing translations",
     "progress_label": "Progress status for {locale}",
     "table": {
       "file": "File",
       "status": "Status",
       "error": "Error while loading file list.",
-      "loading": "{spinner} Loading translation files...",
       "empty": "No files found",
       "file_link": "Edit {file} ({lang}) on GitHub"
     }

i18n/schema.json

@@ -4072,15 +4072,9 @@
         "by_file": {
           "type": "string"
         },
-        "locale_summary": {
-          "type": "string"
-        },
         "complete_text": {
           "type": "string"
         },
-        "done_text": {
-          "type": "string"
-        },
         "missing_text": {
           "type": "string"
         },
@@ -4102,9 +4096,6 @@
             "error": {
               "type": "string"
             },
-            "loading": {
-              "type": "string"
-            },
             "empty": {
               "type": "string"
             },

shared/types/i18n-status.ts

@@ -1,7 +1,5 @@
-import type { Directions } from '@nuxtjs/i18n'
-import type { Locale } from 'vue-i18n'
-
-//type LocaleKey = (typeof availableLocales)[number]
+import type { Directions, LocaleObject } from '@nuxtjs/i18n'
+type Locale = LocaleObject['code']
 
 /**
  * Translation status data generated by Lunaria build
@@ -11,7 +9,7 @@ export interface I18nStatus {
   generatedAt: string
   /** The source locale (English) */
   sourceLocale: {
-    lang: string
+    lang: Locale
     label: string
     totalKeys: number
   }

test/nuxt/a11y.spec.ts

@@ -191,6 +191,7 @@ import {
   PackageVersions,
   PackageVulnerabilityTree,
   PaginationControls,
+  ProgressBar,
   ProvenanceBadge,
   Readme,
   ReadmeTocDropdown,
@@ -3712,6 +3713,16 @@ describe('component accessibility audits', () => {
       expect(results.violations).toEqual([])
     })
   })
+
+  describe('ProgressBar', () => {
+    it('should have no accessibility violations', async () => {
+      const component = await mountSuspended(ProgressBar, {
+        props: { val: 99, label: 'Progress status for en' },
+      })
+      const results = await runAxe(component)
+      expect(results.violations).toEqual([])
+    })
+  })
 })
 
 function applyTheme(colorMode: string, bgTheme: string | null) {

test/unit/a11y-component-coverage.spec.ts

@@ -47,6 +47,7 @@ const SKIPPED_COMPONENTS: Record<string, string> = {
   'SkeletonBlock.vue': 'Already covered indirectly via other component tests',
   'SkeletonInline.vue': 'Already covered indirectly via other component tests',
   'Button/Group.vue': "Wrapper component, tests wouldn't make much sense here",
+  'Translation/StatusByFile.unused.vue': 'Unused component, might be needed in the future',
 }
 
 /**