-
-
Notifications
You must be signed in to change notification settings - Fork 94
Open
Description
Hello,
I'm integrating the react-tournament-brackets in Vue/Nuxt 3, and I've successfully integrated most components. But, I receive the following error in the console when clicking and dragging the bracket inside the SVGViewer component:
My code:
<template>
<Bracket :matches="matches" :matchComponent="Match">
<template #svgWrapper="props">
<SVGViewerVue v-bind="props" :width="1500" :height="1500" />
</template>
</Bracket>
</template>
<script setup>
import matches from '~/assets/fake_api/matches_bracket.json'
import { SingleEliminationBracket, Match, SVGViewer } from '@g-loot/react-tournament-brackets';
import { applyPureReactInVue } from 'veaury';
const Bracket = applyPureReactInVue(SingleEliminationBracket)
const SVGViewerVue = applyPureReactInVue(SVGViewer)
defineComponent({
components: {
Bracket,
SVGViewerVue
},
data() {
return {
matches: matches,
Match: Match,
}
}
})
</script>
It doesn't seem to affect the overall functionality of the app, but I'm wondering if I'm doing something wrong
Metadata
Metadata
Assignees
Labels
No labels