Open Klieger opened 2 years ago
hi, i'm not sure it's the same problem, but my text inside the span after the unicon component is doubled.
i've got this error :
[Vue warn]: Failed to resolve component: unicon If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.
Sorry if it's not related.
my nuxt 3 plugin :
import Unicon from "vue-unicons";
import {
uniEnvelope,
uniEnvelopeAlt,
uniMobileVibrate,
uniBars,
uniSearch,
uniShoppingBag,
uniTimes,
uniUserCircle,
uniEstate,
} from "vue-unicons/dist/icons";
import {
GithubIcon,
GitlabIcon,
LinkedInIcon,
DiscordIcon,
VintedIcon,
MoonIcon,
SunIcon,
} from "../assets/icons/brand-icons";
Unicon.add([
uniEnvelope,
uniEnvelopeAlt,
uniMobileVibrate,
uniBars,
uniSearch,
uniShoppingBag,
uniTimes,
uniEstate,
uniUserCircle,
GithubIcon,
GitlabIcon,
LinkedInIcon,
DiscordIcon,
VintedIcon,
MoonIcon,
SunIcon,
]);
export default (nuxtApp) => nuxtApp.vueApp.use(Unicon);
my template code :
<ul class="flex items-center gap-6 text-sm">
<li>
<nuxt-link
href="mailto:dev@nuxt.art"
class="flex items-center gap-1"
><unicon
name="envelope-alt"
fill="white"
width="1em"
height="1em"
viewBox="0 0 24 24"
></unicon>
<span>dev@nuxt.art</span></nuxt-link
>
</li>
<li>
<nuxt-link
href="tel:+33638056100"
class="flex items-center gap-1"
><unicon
name="mobile-vibrate"
fill="white"
width="1em"
height="1em"
viewBox="0 0 24 24"
></unicon>
<span>(33) 638 056 100</span></nuxt-link
>
</li>
</ul>
https://v3-migration.vuejs.org/breaking-changes/emits-option.html#migration-strategy
I think all that is needed is to declare the click event in the new emits option...