aboutsummaryrefslogtreecommitdiff
path: root/src/components/ColoredCard.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/ColoredCard.vue')
-rw-r--r--src/components/ColoredCard.vue14
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);