Although the documentation indicates global installation, when trying to use it in a parent component -- reusable in other components (example context: the Home, About and Services components use the AppLayout to display the site menu above the content), a silent error occurs. When changing components through dynamic page loading, the Vlibras icon disappears. The icon only reappears if you manually reload the page.
In other words, the package only works on the current page from the first access; when the page changes, it does not work until the user intervenes and reloads the page. This is not the expected behavior since it breaks the SPA cycle.
Structure
<template>
<div>
<Head :title="title" />
<VLibras position="right" />
<nav>....</nav>
<main>
<slot />
</main>
</div>
</template>
<template>
<AppLayout>
<!--- Content Here --->
</AppLayout>
</template>
Any suggestions on how to solve this? Should the package be inserted into each component individually?
Although the documentation indicates global installation, when trying to use it in a parent component -- reusable in other components (example context: the Home, About and Services components use the AppLayout to display the site menu above the content), a silent error occurs. When changing components through dynamic page loading, the Vlibras icon disappears. The icon only reappears if you manually reload the page.
In other words, the package only works on the current page from the first access; when the page changes, it does not work until the user intervenes and reloads the page. This is not the expected behavior since it breaks the SPA cycle.
Structure
Any suggestions on how to solve this? Should the package be inserted into each component individually?