fix(icons): readd title prop

Authored by @PhilGarb
maevsi · Oct 15, 2022 · 414471c · 414471c
1 parent 4aa92e6
commit 414471c
Show file tree

Hide file tree

Showing 57 changed files with 512 additions and 56 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="t('title')"
+    :title="title"
   >
     <path
       fill="currentColor"
@@ -16,7 +16,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

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="t('title')"
+    :title="title"
   >
     <path
       stroke-linecap="round"
@@ -15,7 +15,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

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="t('title')"
+    :title="title"
   >
     <path
       stroke-linecap="round"
@@ -15,7 +15,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

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="t('title')"
+    :title="title"
   >
     <path
       stroke-linecap="round"
@@ -15,7 +15,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

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="t('title')"
+    :title="title"
   >
     <path
       fill="currentColor"
@@ -16,7 +16,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

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="t('title')"
+    :title="title"
   >
     <path
       fill="currentColor"
@@ -16,7 +16,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

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="t('title')"
+    :title="title"
   >
     <path
       fill="currentColor"
@@ -16,7 +16,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

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="t('title')"
+    :title="title"
   >
     <path
       fill="currentColor"
@@ -16,7 +16,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

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="t('title')"
+    :title="title"
   >
     <path
       stroke-linecap="round"
@@ -15,7 +15,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

diff --git a/nuxt/components/icon/IconCheckCircle.vue b/nuxt/components/icon/IconCheckCircle.vue
@@ -1,5 +1,5 @@
 <template>
-  <IconContainer viewBox="0 0 20 20" fill="currentColor" :title="t('title')">
+  <IconContainer viewBox="0 0 20 20" fill="currentColor" :title="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"
@@ -9,7 +9,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

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="t('title')"
+    :title="title"
   >
     <path
       stroke-linecap="round"
@@ -15,7 +15,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

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="t('title')"
+    :title="title"
   >
     <path
       stroke-linecap="round"
@@ -15,7 +15,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

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="t('title')"
+    :title="title"
   >
     <path
       stroke-linecap="round"
@@ -21,7 +21,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

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="t('title')"
+    :title="title"
   >
     <path
       stroke-linecap="round"
@@ -15,7 +15,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

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="t('title')"
+    :title="title"
   >
     <path
       stroke-linecap="round"
@@ -15,7 +15,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">

diff --git a/nuxt/components/icon/IconEnvelope.vue b/nuxt/components/icon/IconEnvelope.vue
@@ -6,7 +6,7 @@
     data-icon="envelope"
     role="img"
     viewBox="0 0 512 512"
-    :title="t('title')"
+    :title="title"
   >
     <path
       fill="currentColor"
@@ -16,7 +16,15 @@
 </template>
 
 <script setup lang="ts">
+export interface Props {
+  title?: string
+}
+
 const { t } = useI18n()
+
+withDefaults(defineProps<Props>(), {
+  title: t('title'),
+})
 </script>
 
 <i18n lang="yml">