fix(icon): set default title in html

maevsi · Oct 15, 2022 · 3aa09a4 · 3aa09a4
1 parent 9d925ff
commit 3aa09a4
Show file tree

Hide file tree

Showing 57 changed files with 191 additions and 399 deletions.
diff --git a/nuxt/components/icon/IconAddressBook.vue b/nuxt/components/icon/IconAddressBook.vue
@@ -6,7 +6,7 @@
     data-icon="address-book"
     role="img"
     viewBox="0 0 512 512"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       fill="currentColor"
@@ -17,14 +17,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconArchive.vue b/nuxt/components/icon/IconArchive.vue
@@ -3,7 +3,7 @@
     fill="none"
     viewBox="0 0 24 24"
     stroke="currentColor"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       stroke-linecap="round"
@@ -16,14 +16,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconArrowLeft.vue b/nuxt/components/icon/IconArrowLeft.vue
@@ -4,7 +4,7 @@
     viewBox="0 0 24 24"
     stroke="currentColor"
     stroke-width="2"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       stroke-linecap="round"
@@ -16,14 +16,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconArrowRight.vue b/nuxt/components/icon/IconArrowRight.vue
@@ -4,7 +4,7 @@
     viewBox="0 0 24 24"
     stroke="currentColor"
     stroke-width="2"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       stroke-linecap="round"
@@ -16,14 +16,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconArrowRotateLeft.vue b/nuxt/components/icon/IconArrowRotateLeft.vue
@@ -6,7 +6,7 @@
     data-icon="arrow-rotate-left"
     role="img"
     viewBox="0 0 512 512"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       fill="currentColor"
@@ -17,14 +17,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconArrowRotateRight.vue b/nuxt/components/icon/IconArrowRotateRight.vue
@@ -6,7 +6,7 @@
     data-icon="arrow-rotate-right"
     role="img"
     viewBox="0 0 512 512"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       fill="currentColor"
@@ -17,14 +17,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconBold.vue b/nuxt/components/icon/IconBold.vue
@@ -6,7 +6,7 @@
     data-icon="bold"
     role="img"
     viewBox="0 0 384 512"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       fill="currentColor"
@@ -17,14 +17,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconBug.vue b/nuxt/components/icon/IconBug.vue
@@ -6,7 +6,7 @@
     data-icon="bug"
     role="img"
     viewBox="0 0 512 512"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       fill="currentColor"
@@ -17,14 +17,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconCalendar.vue b/nuxt/components/icon/IconCalendar.vue
@@ -3,7 +3,7 @@
     fill="none"
     viewBox="0 0 24 24"
     stroke="currentColor"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       stroke-linecap="round"
@@ -16,14 +16,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconCheckCircle.vue b/nuxt/components/icon/IconCheckCircle.vue
@@ -1,5 +1,9 @@
 <template>
-  <IconContainer viewBox="0 0 20 20" fill="currentColor" :title="title">
+  <IconContainer
+    viewBox="0 0 20 20"
+    fill="currentColor"
+    :title="title || t('title')"
+  >
     <path
       fill-rule="evenodd"
       d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
@@ -10,14 +14,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconChevronDoubleDown.vue b/nuxt/components/icon/IconChevronDoubleDown.vue
@@ -4,7 +4,7 @@
     viewBox="0 0 24 24"
     stroke="currentColor"
     stroke-width="2"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       stroke-linecap="round"
@@ -16,14 +16,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconCode.vue b/nuxt/components/icon/IconCode.vue
@@ -3,7 +3,7 @@
     fill="none"
     viewBox="0 0 24 24"
     stroke="currentColor"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       stroke-linecap="round"
@@ -16,14 +16,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconCog.vue b/nuxt/components/icon/IconCog.vue
@@ -3,7 +3,7 @@
     fill="none"
     viewBox="0 0 24 24"
     stroke="currentColor"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       stroke-linecap="round"
@@ -22,14 +22,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconDotsVertical.vue b/nuxt/components/icon/IconDotsVertical.vue
@@ -4,7 +4,7 @@
     viewBox="0 0 24 24"
     stroke="currentColor"
     stroke-width="2"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       stroke-linecap="round"
@@ -16,14 +16,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>
 

diff --git a/nuxt/components/icon/IconDownload.vue b/nuxt/components/icon/IconDownload.vue
@@ -3,7 +3,7 @@
     fill="none"
     viewBox="0 0 24 24"
     stroke="currentColor"
-    :title="title"
+    :title="title || t('title')"
   >
     <path
       stroke-linecap="round"
@@ -16,14 +16,10 @@
 
 <script setup lang="ts">
 export interface Props {
-  title?: string
+  title?: string // eslint-disable-line vue/require-default-prop
 }
-withDefaults(defineProps<Props>(), {
-  title: t('title'), // eslint-disable-line no-use-before-define
-})
-</script>
+withDefaults(defineProps<Props>(), {})
 
-<script lang="ts">
 const { t } = useI18n()
 </script>