fix(BaseHeading): fix dynamic component rendering in BaseHeading.vue

shuriken-ui · Dec 18, 2023 · 3c534ea · 3c534ea
1 parent 95c568a
commit 3c534ea
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/components/base/BaseHeading.vue b/components/base/BaseHeading.vue
@@ -50,6 +50,7 @@ const props = withDefaults(
   },
 )
 
+const as = useNuiDefaultProperty(props, 'BaseHeading', 'as')
 const size = useNuiDefaultProperty(props, 'BaseHeading', 'size')
 const weight = useNuiDefaultProperty(props, 'BaseHeading', 'weight')
 const lead = useNuiDefaultProperty(props, 'BaseHeading', 'lead')
@@ -97,7 +98,7 @@ const classes = computed(() => [
 </script>
 
 <template>
-  <component :is="props.as" :class="classes">
+  <component :is="props.as ? props.as : as" :class="classes">
     <slot></slot>
   </component>
 </template>