KABBOUCHI / vue-tippy

VueJS Tooltip powered by Tippy.js
https://vue-tippy.netlify.app
MIT License
722 stars 86 forks source link

Library tries to resolve `'span'`, the default `tag` / `contentTag` as a Component #286

Closed pvanagtmaal closed 1 year ago

pvanagtmaal commented 1 year ago

Hi!

I noticed our vue-tippy components were triggering Vue warnings:

[Vue warn]: Failed to resolve component: span If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 

This happens in version 6.0.0 and 6.1.0, with Vue 3.2.47

I have tried all three setup modes, and the error only triggers for the component setup.

<script setup lang="ts">
import { Tippy, useTippy } from 'vue-tippy'
import { ref } from 'vue'

const composition = ref()
useTippy(composition, { content: 'hello composition api!' })
</script>

<template>
  <main>
    <tippy content="hello component!">
      <div>Hover me</div>
    </tippy>

    <div ref="composition">Hover me too</div>

    <div v-tippy="'hello directive!'">And me!</div>
  </main>
</template>

I'd be happy to submit a PR if you can point me in the right direction!

KABBOUCHI commented 1 year ago

@pvanagtmaal plz update to 6.1.1