Tableau Extension developed using Vue + TS gave error in pinia while rendering the map.

Hi Guys,

I created a tableau extension, in which I want to render a map component using pinia.

Coding done using Vue + TS + JS.

This is how I try to load the app with map in the main.js file.

---------------------------------------------------------------------------------------

main.js

-----------------

import { createApp } from 'vue';

import { createPinia } from 'pinia';

import App from './App.vue';

import "./styles/general.scss";

import directives from "./directives";

const app = createApp(App);

directives(app);

const pinia = createPinia();

app.use(pinia);

app.mount('#app');

----------------------------------------------------

I'm getting this error. Please check the attached screen-shot for more details.

----------

getActivePinia was called with no active Pinia. Did you forget to install pinia?

const pinia = createPinia()

app.use(pinia)

This will fail in production.

----------------------

Please let me know, any thing more require to render the pinia map inside a tableau extension.

Thanks in advance,

Lasantha