Установка
Установка пакета
bash
pnpm add release-timeline
bash
pnpm add release-timeline
bash
npm install release-timeline
Использование в коде Vue проекта
Во 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
html
<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