Currently, I am utilizing this code snippet sourced from the Vuetify documentation:
<v-tooltip bottom>
<template #activator="data">
<v-btn color="primary" dark v-on="data.on">Button</v-btn>
</template>
<span>Tooltip</span>
</v-tooltip>
However, inserting it into my page causes the entire layout to break and render incompletely. Additionally, an error in JavaScript occurs:
[Vue warn]: Property or method "data" is not defined on the instance but referenced during render. Ensure that this property is reactive by defining it in the data option or initializing for class-based components. More information available at: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties. This issue was found at ---> at resources/assets/js/components/Project.vue
I have successfully implemented this in another project, so I am puzzled as to why it is causing issues here. Any insights would be greatly appreciated.