nuevo en vue e iconify aquí.
Estoy tratando de usar íconos de @iconify/vue usando la API de composición pero no funciona
esto es lo que tengo
Archivo.ts
import { Icon } from "@iconify/vue"; export default defineComponent({ setup() { return { Icon }; }, });Archivo.vue
<template> <div> <Icon icon="logos:stackoverflow-icon" width="20" :inline="true" /> </div> </template> <script lang="ts" src="./File.ts"></script>Por otro lado, si pongo un solo archivo, funciona bien
todosjuntos.vue
<template> <div> <Icon icon="logos:stackoverflow-icon" width="20" :inline="true" /> </div> </template> <script setup lang="ts"> import { Icon } from "@iconify/vue"; </script>¿Puede alguien por favor ayudarme?
Al usar la API de composición sin la configuración del script (como lo hizo en el archivo externo, debe usar la opción de components de nivel superior para registrar los componentes.
import { Icon } from "@iconify/vue"; export default defineComponent({ components: { Icon }, setup() { // Your logic code } })