ARTICLE AD BOX
ERROR Internal server error: [@vue/compiler-sfc] Failed to resolve extends base type.
If this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore */ before it, for example:
interface Props extends /* @vue-ignore */ Base {}
Note: both in 3.2 or with the ignore, the properties in the base type are treated as fallthrough attrs at runtime.
C:/Users/Glophics/Desktop/learnings/learning-two/frontend/node_modules/@vue/runtime-dom/dist/runtime-dom.d.ts
830| webpreferences?: string | undefined;
831| }
832| export interface SVGAttributes extends AriaAttributes, EventHandlers<Events> {
| ^^^^^^^^^^^^^^^^^^^^^
833| innerHTML?: string | undefined;
834| /**
Plugin: vite:vue
File: C:/Users/Glophics/Desktop/learnings/learning-two/frontend/app/components/svg/LucideEyeOffIcon.vue
<template>
<svg v-bind="$props">
<g fill="none"
stroke="currentColor"
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2">
<path d="M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575a1 1 0 0 1 0 .696a10.8 10.8 0 0 1-1.444 2.49m-6.41-.679a3 3 0 0 1-4.242-4.242" />
<path d="M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151a1 1 0 0 1 0-.696a10.75 10.75 0 0 1 4.446-5.143M2 2l20 20" />
</g>
</svg>
</template>
<script setup lang="ts">
import type { SVGAttributes } from 'vue/dist/vue.js';
defineOptions({
name: 'LucideEyeOffIcon'
})
withDefaults(defineProps<SVGAttributes>(), {
xmlns: "http://www.w3.org/2000/svg",
viewBox: '0 0 24 24'
})
</script>
I'm having trouble when running nuxtjs locally. I am always stuck on setting the props on my custom component.
What is the problem in my code? Please can someone help me?
Thanks a lot.
I want to detect the props easily on VS Code IDE but if I use component tag it works but it do not detect props.
