feat: Add what's new page (#743)

guide/.vuepress/sidebar.ts

@@ -5,6 +5,7 @@ export default {
 			children: [
 				'/',
 				'/requesting-more-content.md',
+				'/whats-new.md',
 			],
 		},
 		{
@@ -29,6 +30,7 @@ export default {
 			children: [
 				'/',
 				'/requesting-more-content.md',
+				'/whats-new.md',
 			],
 		},
 		{

guide/.vuepress/theme/layouts/Layout.vue

@@ -18,8 +18,8 @@
 				<Notification storage-key="v13-notice">
 					<span class="notification-icon"><PartyPopperIcon /></span>
 					<span>
-						You're browsing the guide for discord.js v13, which is still a work in progress.
-						<a href="https://discordjs.guide">Click here</a> for the discord.js v12 guide.
+						You're browsing the guide for discord.js v13.
+						Check out <router-link to="/whats-new.html">what's new</router-link>, or browse the <a href="https://v12.discordjs.guide">discord.js v12 guide</a>.
 					</span>
 				</Notification>
 			</Notifications>

guide/whats-new.md

@@ -0,0 +1,72 @@
+<style scoped>
+.emoji-container {
+	display: inline-block;
+}
+
+.emoji-container .emoji-image {
+	width: 1.375rem;
+	height: 1.375rem;
+	vertical-align: bottom;
+}
+</style>
+
+# What's new
+
+<DiscordMessages>
+	<DiscordMessage profile="bot">
+		<template #interactions>
+			<DiscordInteraction
+				profile="user"
+				author="discord.js"
+				:command="true"
+			>upgrade</DiscordInteraction>
+		</template>
+		discord.js v13 has released and the guide has been updated!
+		<span class="emoji-container">
+			<img class="emoji-image" title="tada" src="https://twemoji.maxcdn.com/v/13.1.0/72x72/1f389.png" alt="" />
+		</span>
+		<br />
+		This includes additions and changes made in Discord, such as slash commands and message components.
+	</DiscordMessage>
+</DiscordMessages>
+
+## Site
+
+- Upgraded to [VuePress v2](https://v2.vuepress.vuejs.org/)
+- New theme made to match the [discord.js documentation site](https://discord.js.org/)
+- Discord message components upgraded to [@discord-message-components/vue](https://github.com/Danktuary/discord-message-components/blob/main/packages/vue/README.md)
+- Many fixes in codeblocks, grammar, consistency, etc.
+
+## Pages
+
+All content has been updated to use discord.js v13 syntax. The v12 version of the guide can be found at [https://v12.discordjs.guide/](https://v12.discordjs.guide/).
+
+### New
+
+- [Updating from v12 to v13](/additional-info/changes-in-v13.md): A list of the changes from discord.js v12 to v13
+- [Registering slash commands](/interactions/registering-slash-commands.md): In-depth steps on registering slash commands
+- [Replying to slash commands](/interactions/replying-to-slash-commands.md): The various ways to reply to slash commands
+- [Slash command permissions](/interactions/slash-command-permissions.md): Restricting slash commands per user or per role
+- [Buttons](/interactions/buttons.md): Building, sending, and receiving buttons
+- [Select menus](/interactions/select-menus.md): Building, sending, and receiving select menus
+- [Threads](/popular-topics/threads.md): Creating and managing threads
+
+### Updated
+
+- Commando: Removed, to be replaced with a guide on [Sapphire](https://github.com/discordjs/guide/pull/711)
+- [Voice](/voice/): Rewritten to use the [`@discordjs/voice`](https://github.com/discordjs/voice) package
+- [Command handling](/command-handling.md): Updated to use slash commands
+	- Obsolete sections removed
+- `client.on('message')` snippets updated to `client.on('interactionCreate')`
+	- [Message content will become a new priviledged intent in April 2022](https://support-dev.discord.com/hc/en-us/articles/4404772028055)
+
+<DiscordMessages>
+	<DiscordMessage profile="bot">
+		Thank you to all of those that contributed to the development of discord.js and the guide!
+		<br />
+		We hope you enjoy!
+		<span class="emoji-container">
+			<img class="emoji-image" title="heart" src="https://twemoji.maxcdn.com/v/13.1.0/72x72/2764.png" alt="" />
+		</span>
+	</DiscordMessage>
+</DiscordMessages>