diff options
Diffstat (limited to 'src/components/ColoredCard.vue')
-rw-r--r-- | src/components/ColoredCard.vue | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/src/components/ColoredCard.vue b/src/components/ColoredCard.vue index 9aaf167..d6374da 100644 --- a/src/components/ColoredCard.vue +++ b/src/components/ColoredCard.vue @@ -1,3 +1,10 @@ +<script setup lang="ts"> +import { type Component, toRefs } from 'vue'; + +const props = defineProps<{ icon: Component; title: string }>(); +const { icon, title } = toRefs(props); +</script> + <template> <c-card class="colored-card"> <n-icon class="icon" size="40" :component="icon" /> @@ -13,13 +20,6 @@ </c-card> </template> -<script setup lang="ts"> -import { toRefs, type Component } from 'vue'; - -const props = defineProps<{ icon: Component; title: string }>(); -const { icon, title } = toRefs(props); -</script> - <style lang="less" scoped> .colored-card { background: rgb(37, 99, 108); |