Rename What's New to Changelog

Consistency

website/src/.vitepress/theme/components/Changelog.vue

@@ -9,7 +9,7 @@ const { type } = toRefs(props);
 
 const md = new MarkdownIt();
 
-const whatsNew = computed(() => {
+const changelog = computed(() => {
 	const flavoredString = (release[type.value].body ?? "")
 		.replace(/(?<=\(|(, ))@(.*?)(?=\)|(, ))/g, "[@$2](https://github.com/$2)")
 		.replace('https://github.com/tachiyomiorg/tachiyomi/releases', '/changelogs/');
@@ -19,12 +19,12 @@ const whatsNew = computed(() => {
 </script>
 
 <template>
-	<div class="whatsNew">
+	<div class="changelog">
 		<header>
-			<IconNewReleases />
-			<h2>What's new</h2>
+			<IconNewspaperVariant />
+			<h2>Changelog</h2>
 		</header>
-		<div v-html="whatsNew" />
+		<div v-html="changelog" />
 		<Contributors
 			:body="release[type].body!"
 			:author="release[type].author.login"
@@ -42,7 +42,7 @@ const whatsNew = computed(() => {
 </template>
 
 <style lang="stylus">
-.whatsNew {
+.changelog {
 	display: block
 	border: 1px solid var(--vp-c-bg-soft)
 	border-radius: 12px

website/src/.vitepress/theme/index.ts

@@ -14,7 +14,7 @@ import { VueQueryPlugin } from "@tanstack/vue-query";
 import { enhanceAppWithTabs } from "vitepress-plugin-tabs/client";
 
 // Import Icon components
-import { IconDownload, IconNewReleases, IconBugReport } from "@iconify-prerendered/vue-mdi";
+import { IconDownload, IconNewspaperVariant, IconBugReport } from "@iconify-prerendered/vue-mdi";
 
 export default {
 	extends: DefaultTheme,
@@ -23,7 +23,7 @@ export default {
 		app.use(VueQueryPlugin);
 		enhanceAppWithTabs(app);
 		app.component("IconDownload", IconDownload);
-		app.component("IconNewReleases", IconNewReleases);
+		app.component("IconNewspaperVariant", IconNewspaperVariant);
 		app.component("IconBugReport", IconBugReport);
 	},
 };

website/src/changelogs/index.md

@@ -8,11 +8,11 @@ next: false
 ---
 
 <script setup>
-import Changelogs from "@theme/components/Changelogs.vue";
+import ChangelogsList from "@theme/components/ChangelogsList.vue";
 </script>
 
 # Changelogs
 
 Changelogs of all Tachiyomi stable releases, obtained from the GitHub repository.
 
-<Changelogs />
+<ChangelogsList />

website/src/download/index.md

@@ -10,7 +10,7 @@ next: false
 <script setup>
 import DownloadButtons from "@theme/components/DownloadButtons.vue";
 import ReleaseDate from "@theme/components/ReleaseDate.vue";
-import WhatsNew from "@theme/components/WhatsNew.vue";
+import Changelog from "@theme/components/Changelog.vue";
 </script>
 
 # Download
@@ -19,4 +19,4 @@ Download the latest stable version of **Tachiyomi** that released **<ReleaseDate
 
 <DownloadButtons />
 
-<WhatsNew type="stable" />
+<Changelog type="stable" />