Move changelog window to Vue

client/components/App.vue

@@ -78,6 +78,7 @@ import Chat from "./Chat.vue";
 import SignIn from "./Windows/SignIn.vue";
 import Settings from "./Windows/Settings.vue";
 import Help from "./Windows/Help.vue";
+import Changelog from "./Windows/Changelog.vue";
 
 export default {
 	name: "App",
@@ -87,6 +88,7 @@ export default {
 		SignIn,
 		Settings,
 		Help,
+		Changelog,
 	},
 	props: {
 		activeWindow: String,

client/components/Windows/Changelog.vue

@@ -12,24 +12,26 @@
 			<a
 				id="back-to-help"
 				href="#"
-				data-target="#help">« Help</a>
+				data-target="Help">« Help</a>
 
-			{{#if version}}
+			<template v-if="version">
 				<h1 class="title">Release notes for {{ version }}</h1>
 
-			{{#if changelog}}
+				<template v-if="changelog">
 					<h3>Introduction</h3>
-			<div class="changelog-text">{{{changelog}}}</div>
+					<div class="changelog-text">{{ changelog }}</div>
-			{{else}}
+				</template>
+				<template v-else>
 					<p>Unable to retrieve releases from GitHub.</p>
-			<p><a
+					<p>
-				href="https://github.com/thelounge/thelounge/releases/tag/v{{version}}"
+						<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>
+							rel="noopener">View release notes for this version on GitHub</a>
-			{{/if}}
+					</p>
-			{{else}}
+				</template>
-			<p>Loading changelog…</p>
+			</template>
-			{{/if}}
+			<p v-else>Loading changelog…</p>
 		</div>
 
 	</div>
@@ -38,5 +40,8 @@
 <script>
 export default {
 	name: "Changelog",
+	mounted() {
+
+	},
 };
 </script>

client/js/socket-events/network.js

@@ -4,7 +4,6 @@ const $ = require("jquery");
 const socket = require("../socket");
 const templates = require("../../views");
 const sidebar = $("#sidebar");
-const utils = require("../utils");
 const {vueApp, initChannel, findChannel} = require("../vue");
 
 socket.on("network", function(data) {