chore(lint): switched to a better lint config

src/ui/c-alert/c-alert.demo.vue

@@ -1,3 +1,7 @@
+<script lang="ts" setup>
+const variants = ['warning'] as const;
+</script>
+
 <template>
   <c-alert v-for="variant in variants" :key="variant" :type="variant" mb-4>
     Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni reprehenderit itaque enim? Suscipit magni optio velit
@@ -5,7 +9,3 @@
     odio!
   </c-alert>
 </template>
-
-<script lang="ts" setup>
-const variants = ['warning'] as const;
-</script>

src/ui/c-alert/c-alert.theme.ts

@@ -2,7 +2,6 @@ import { darken } from '../color/color.models';
 import { defineThemes } from '../theme/theme.models';
 import { appThemes } from '../theme/themes';
 
-// eslint-disable-next-line
 import WarningIcon from '~icons/mdi/alert-circle-outline';
 
 export const { useTheme } = defineThemes({

src/ui/c-alert/c-alert.vue

@@ -1,3 +1,13 @@
+<script lang="ts" setup>
+import { useTheme } from './c-alert.theme';
+
+const props = withDefaults(defineProps<{ type?: 'warning' }>(), { type: 'warning' });
+const { type } = toRefs(props);
+
+const theme = useTheme();
+const variantTheme = computed(() => theme.value[type.value]);
+</script>
+
 <template>
   <div class="c-alert" flex items-center b-rd-4px pa-5>
     <div class="c-alert--icon" mr-4 text-40px op-60>
@@ -12,16 +22,6 @@
   </div>
 </template>
 
-<script lang="ts" setup>
-import { useTheme } from './c-alert.theme';
-
-const props = withDefaults(defineProps<{ type?: 'warning' }>(), { type: 'warning' });
-const { type } = toRefs(props);
-
-const theme = useTheme();
-const variantTheme = computed(() => theme.value[type.value]);
-</script>
-
 <style lang="less" scoped>
 .c-alert {
   background-color: v-bind('variantTheme.backgroundColor');