fix: respect size setting for emojis in smart icons

Signed-off-by: ZTL-UwU <[email protected]>
ZTL-UwU · Sep 22, 2024 · e6492e9 · e6492e9
1 parent 0fe35d5
commit e6492e9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/components/content/SmartIcon.vue b/components/content/SmartIcon.vue
@@ -2,7 +2,10 @@
  <!-- Iconify Icons -->
  <Icon v-if="checkIcon(name)" :name="name" :size="size" />
  <!-- Emojis -->
- <span v-else-if="/(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g.test(name)">{{ name }}</span>
+ <span
+ v-else-if="/(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g.test(name)"
+ :style="`font-size: ${size}px;`"
+ >{{ name }}</span>
  <!-- Link -->
  <NuxtImg
  v-else

diff --git a/content/1.getting-started/3.writing/2.components.md b/content/1.getting-started/3.writing/2.components.md
@@ -415,6 +415,7 @@ You can put iconify icons, emojis and urls in `smart-icon`. Smart icon will rend
 
  :smart-icon{name="😍"}
  :smart-icon{name="🚀"}
+ :smart-icon{name="🎉" size=30}
 
  </div>
 
@@ -434,6 +435,7 @@ You can put iconify icons, emojis and urls in `smart-icon`. Smart icon will rend
 
  :smart-icon{name="😍"}
  :smart-icon{name="🚀"}
+ :smart-icon{name="🎉" size=30}
 
  :smart-icon{name="/logo.svg"}
  :smart-icon{name="https://vueuse.org/favicon.svg" size=40}

diff --git a/content/index.md b/content/index.md
@@ -6,7 +6,7 @@ navigation: false
 ::hero
 ---
 announcement:
- title: 'Release v0.5.4'
+ title: 'Release v0.5.5'
  icon: '🎉'
  to: https://github.com/ZTL-UwU/shadcn-docs-nuxt/releases
  target: _blank