Para integrar o Trino AI ao seu aplicativo Vue.js, você precisa colar o script do widget Trino AI no index.html arquivo do seu aplicativo Vue.js.
Veja como fazer isso:
Etapa 1. Obtenha seu script de widget
O script do seu widget pode ser encontrado nas configurações da Caixa de Entrada do seu site. Acesse Configurações -> Caixas de Entrada -> Selecione o canal do seu site > Configurações guia.
Se você ainda não criou uma caixa de entrada no site, pode encontrar as instruções passo a passo aqui .
Etapa 2. Copie o script
Copie o script que foi criado no code campo do canal.
Etapa 3. Cole o script aqui
Abra seu projeto Vue e cole o script no arquivo index.html, logo antes da </body> tag de fechamento.
<body>
<noscript>
<strong
>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
properly without JavaScript enabled. Please enable it to continue.</strong
>
</noscript>
<div id="app"></div>
<!-- built files will be auto injected -->
<!-- Trinoai script goes here -->
<script>
(function (d, t) {
var BASE_URL = "https://example.com";
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = BASE_URL + "/packs/js/sdk.js";
g.defer = true;
g.async = true;
s.parentNode.insertBefore(g, s);
g.onload = function () {
window.trinoaiSDK.run({
websiteToken: "yZ7USzaEs7hrwUAHLGwjbxJ1",
baseUrl: BASE_URL,
});
};
})(document, "script");
</script>
<!-- Trinoai script goes here -->
</body>
Etapa 4. Verifique
Agora você poderá ver o widget do Trino AI na página