Como usar Vue

npm i @wizsolucoes/wiz-powerbi

Vue.js

Passo 1 - New Vue()

O vue inicializa através do New Vue({}), Geralmente você encontra em um arquivo chamado main.js que fica dentro da pasta **src ** esse é o inicializador do Vue.js, iremos implementar nosso componente nele.

importe

import { applyPolyfills, defineCustomElements as wizPowerbiDefine } from '@wizsolucoes/wiz-powerbi/loader';

Antes do New Vue({...}) adicione a linha abaixo.

Vue.config.ignoredElements = [/wiz-powerbi/];

applyPolyfills().then(() => {
  wizPowerbiDefine();
});

Você deve adicionar esse código para que o vue entenda que isso é um web Componente e não ira incluir no webpack, o seu componente Vue.config.ignoredElements = [/wiz-powerbi/]

Tag html

<wiz-powerbi
  :id-pbi.prop="id"
  :embed-url.prop="embedUrl"
  :token.prop="token"
> 
</wiz-powerbi>

Você também pode olhar na documentação do Stenciljs Stencil documentação Vue