hardlounge/client/components/Windows/Changelog.vue

<template>
	<div
		id="changelog"
		class="window"
		aria-label="Changelog"
	>
		<div class="header">
			<SidebarToggle />
		</div>
		<div class="container">
			<a
				id="back-to-help"
				href="#"
				data-target="Help"
			>« Help</a>

			<template v-if="version">
				<h1 class="title">Release notes for {{ version }}</h1>

				<template v-if="changelog">
					<h3>Introduction</h3>
					<div class="changelog-text">{{ changelog }}</div>
				</template>
				<template v-else>
					<p>Unable to retrieve releases from GitHub.</p>
					<p>
						<a
							:href="`https://github.com/thelounge/thelounge/releases/tag/v${version}`"
							target="_blank"
							rel="noopener"
						>View release notes for this version on GitHub</a>
					</p>
				</template>
			</template>
			<p v-else>Loading changelog…</p>
		</div>

	</div>
</template>

<script>
import SidebarToggle from "../SidebarToggle.vue";

export default {
	name: "Changelog",
	components: {
		SidebarToggle,
	},
	mounted() {

	},
};
</script>