fix: set i18n global scope for modal components

Author: danielroe

app/components/Header/AuthModal.client.vue

@@ -87,7 +87,7 @@ async function handleLogin() {
             {{ $t('auth.modal.what_is_atmosphere') }}
           </summary>
           <div class="mt-3">
-            <i18n-t keypath="auth.modal.atmosphere_explanation" tag="p">
+            <i18n-t keypath="auth.modal.atmosphere_explanation" tag="p" scope="global">
               <template #npmx>
                 <span class="font-bold">npmx.dev</span>
               </template>

app/components/Header/ConnectorModal.vue

@@ -88,7 +88,7 @@ function handleDisconnect() {
             {{ $t('connector.modal.contributor_badge') }}
           </span>
           <p class="text-sm text-fg-muted">
-            <i18n-t keypath="connector.modal.contributor_notice">
+            <i18n-t keypath="connector.modal.contributor_notice" scope="global">
               <template #link>
                 <a
                   href="https://github.com/npmx-dev/npmx.dev/blob/main/CONTRIBUTING.md#local-connector-cli"

app/components/Package/SkillsModal.vue

@@ -95,7 +95,12 @@ function getWarningTooltip(skill: SkillListItem): string | undefined {
       v-if="selectedMethod === 'skills-npm'"
       class="flex items-center justify-between gap-2 px-3 py-2.5 sm:px-4 bg-bg-subtle border border-border rounded-lg mb-5"
     >
-      <i18n-t keypath="package.skills.compatible_with" tag="span" class="text-sm text-fg-muted">
+      <i18n-t
+        keypath="package.skills.compatible_with"
+        tag="span"
+        class="text-sm text-fg-muted"
+        scope="global"
+      >
         <template #tool>
           <code class="font-mono text-fg">skills-npm</code>
         </template>