VUE.JS - Gerar arquivo com extensão .ics

SoyMick
(usa Debian)

Enviado em 02/02/2022 - 20:43h

Prezados, boa noite!

Sou novo em programação e preciso de um apoio, estou desenvolvendo uma tela que chama o modal bootstrap, como uma opção de download. Na qual ao clicar na opção dowload o mesmo deveria me dar uma opção de salvar o arquivo com a extensão .ics contendo no mesmo o conteúdo abaixo.

BEGIN:VCALENDAR
PRODID:Calendar
VERSION:2.0
BEGIN:VEVENT
UID: 0@Bra
CLASS:PUBLIC

Estou usando como freme VUE.js, segue código com o botão criado.

<template>

<!--Botão OPTIN acionar modal-->

<div class="btn-group mr-2">
<button type="button" class="btn btn-sm btn-outline-secondary" data-toggle="modal" data-target="#Optin">OPTIN</button>
</div>

<!--Fim Botão-->

<!-- Modal OPTIN-->
<div class="modal fade" id="Optin" tabindex="-1" role="dialog" aria-labelledby="TituloModalCentralizado" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<img src="/images/logo.svg" alt="logo" height="32" />
<h5 class="modal-title" id="TituloModalCentralizado">Portal</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Fechar">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
Entre no portal <a href="https://xxxxxxxxxxxxxxxxxxx.com.br/#/">Portal</a> e agende em seu calendario a data de pagamento
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
<button type="button" class="btn btn-primary">Download Agenda</button>


</div>
</div>
</div>
</div>
</template>

SoyMick
(usa Debian)

Enviado em 02/02/2022 - 22:54h

Testando desta forma através de javaScript

function Notifica() {



/* var texto*/

let data = 'BEGIN:VCALENDAR\n' +
'PRODID: Calendar\n' +
'VERSION:2.0\n' +
'BEGIN:VEVENT\n' +
'UID: 0@Bradescoae193\n' +
'CLASS:PUBLIC\n';

let blob = new Blob([data], { type: 'text/plain;charset=utf-8;' });
const link = window.document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = 'Agendamento.ics';
link.click();
window.URL.revokeObjectURL(link.href);
}

Gostaria de fazer está funcionalidade ao invés de usar o javaScript utilizar API,do VUE.JS