diff --git a/src/App.vue b/src/App.vue index 53edc8b..94477f1 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,70 +1,70 @@ diff --git a/src/components/CustomButton.vue b/src/components/CustomButton.vue index b308652..974bfa4 100644 --- a/src/components/CustomButton.vue +++ b/src/components/CustomButton.vue @@ -1,36 +1,36 @@ diff --git a/src/components/LucideIcon.vue b/src/components/LucideIcon.vue index d469112..a880720 100644 --- a/src/components/LucideIcon.vue +++ b/src/components/LucideIcon.vue @@ -3,27 +3,30 @@ import { computed, onMounted } from "vue"; import * as icons from "lucide-vue-next"; interface Props { - name: string; - color?: string; - strokeWidth?: string; - defaultClass?: string; + name: string; + color?: string; + strokeWidth?: string; + defaultClass?: string; } const props = withDefaults(defineProps(), { - color: "currentColor", - strokeWidth: "2", - defaultClass: "lucide", + color: "currentColor", + strokeWidth: "2", + defaultClass: "lucide", }); function kebab2camel(kebab: string): string { - return kebab - .split("-") - .map((item) => item.charAt(0).toUpperCase() + item.slice(1).toLowerCase()) - .join(""); + return kebab + .split("-") + .map( + (item) => + item.charAt(0).toUpperCase() + item.slice(1).toLowerCase(), + ) + .join(""); } onMounted(() => { - console.log(kebab2camel(props.name)); + console.log(kebab2camel(props.name)); }); // @ts-expect-error: cannot infer type of all exported data @@ -31,10 +34,10 @@ const icon = computed(() => icons[kebab2camel(props.name)]);