Установка

Установка пакета

pnpm

pnpm add release-timeline

yarn

pnpm add release-timeline

npm

npm install release-timeline

Использование в коде Vue проекта

Во Vue компоненте:

<script setup>
import { ReleaseTimeline, DefaultOptions as options } from "release-timeline";
import "release-timeline/dist/style.css";
// import "release-timeline/dist/animated-background.css";

// repository to visualize
options.github.owner = "vuesence";
options.github.repo = "release-timeline";
</script>

<ReleaseTimeline :options="options" />

Подключение animated-background.css опционально. CSS со звездным небом занимает 70Kb, в gzip формате - 6.1Кб.

Использование в VitePress

Инструкция

Использование как web component

<script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script>
<script src="https://unpkg.com/release-timeline@0.3.6/dist/index.umd.js"></script>
<link href="https://unpkg.com/release-timeline@0.3.6/dist/animated-background.css" rel="stylesheet" />

<release-timeline options=""></release-timeline>

Подробнее - о подключении как web component