chore: updates existing i18n-t tag casing

rotki · Jul 17, 2023 · 3227ecf · 3227ecf
1 parent 1d8fe8b
commit 3227ecf
Show file tree

Hide file tree

Showing 8 changed files with 25 additions and 14 deletions.
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -2,4 +2,15 @@ process.env.ESLINT_TSCONFIG = '.nuxt/tsconfig.json';
 
 module.exports = {
   extends: ['plugin:nuxt/recommended', '@rotki'],
+  rules: {
+    'vue/component-name-in-template-casing': [
+      'error',
+      'PascalCase',
+      {
+        registeredComponentsOnly: false,
+        // components are only exported in kebab-case
+        ignores: ['i18n-t'],
+      },
+    ],
+  },
 };
diff --git a/components/HeroArea.vue b/components/HeroArea.vue
@@ -8,9 +8,9 @@ const { t } = useI18n();
   <div :class="css.wrapper">
     <div :class="css.title">
       <div :class="css.column">
-        <I18nT keypath="home.hero.title" scope="global">
+        <i18n-t keypath="home.hero.title" scope="global">
           <br />
-        </I18nT>
+        </i18n-t>
       </div>
     </div>
     <div :class="css.subtitle">

diff --git a/components/checkout/pay/SelectedPlanOverview.vue b/components/checkout/pay/SelectedPlanOverview.vue
@@ -62,7 +62,7 @@ const css = useCssModule();
 <template>
   <PlanOverview>
     <span :class="css.plan">{{ name }} Plan.</span>
-    <I18nT keypath="selected_plan_overview.plan" scope="global">
+    <i18n-t keypath="selected_plan_overview.plan" scope="global">
       <template #date>
         {{ date }}
       </template>
@@ -81,7 +81,7 @@ const css = useCssModule();
           }}
         </span>
       </template>
-    </I18nT>
+    </i18n-t>
     <span>
       {{
         t(

diff --git a/components/features/details/ProfitLossReport.vue b/components/features/details/ProfitLossReport.vue
@@ -10,9 +10,9 @@ const css = useCssModule();
       <img :class="css.image" alt="Cryptocurrencies" src="/img/crypto.svg" />
     </template>
     <FeatureDetails>
-      <I18nT keypath="home.profit_loss_report.detail" scope="global">
+      <i18n-t keypath="home.profit_loss_report.detail" scope="global">
         <br />
-      </I18nT>
+      </i18n-t>
     </FeatureDetails>
   </FeatureContainer>
 </template>

diff --git a/components/hero/UseApp.vue b/components/hero/UseApp.vue
@@ -16,9 +16,9 @@ const css = useCssModule();
     <div :class="css.column2">
       <div :class="css.row">
         <div :class="css.text">
-          <I18nT keypath="home.use_app" scope="global">
+          <i18n-t keypath="home.use_app" scope="global">
             <br />
-          </I18nT>
+          </i18n-t>
         </div>
       </div>
       <DownloadButton :class="css.button" @click="emit('download')" />

diff --git a/components/premium/details/DexSupport.vue b/components/premium/details/DexSupport.vue
@@ -8,11 +8,11 @@ const { t } = useI18n();
       {{ t('home.premium_features.features.dex_support.title') }}
     </template>
 
-    <I18nT
+    <i18n-t
       keypath="home.premium_features.features.dex_support.detail"
       scope="global"
     >
       <br />
-    </I18nT>
+    </i18n-t>
   </PremiumFeature>
 </template>
diff --git a/components/premium/details/GraphsStatistics.vue b/components/premium/details/GraphsStatistics.vue
@@ -8,11 +8,11 @@ const { t } = useI18n();
       {{ t('home.premium_features.features.graphs_and_statistics.title') }}
     </template>
 
-    <I18nT
+    <i18n-t
       keypath="home.premium_features.features.graphs_and_statistics.detail"
       scope="global"
     >
       <br />
-    </I18nT>
+    </i18n-t>
   </PremiumFeature>
 </template>
diff --git a/components/premium/details/PremiumStaking.vue b/components/premium/details/PremiumStaking.vue
@@ -8,11 +8,11 @@ const { t } = useI18n();
       {{ t('home.premium_features.features.premium_staking.title') }}
     </template>
 
-    <I18nT
+    <i18n-t
       keypath="home.premium_features.features.premium_staking.detail"
       scope="global"
     >
       <br />
-    </I18nT>
+    </i18n-t>
   </PremiumFeature>
 </template>