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>