update to astro v3 + add view transitions

Author: notunderctrl

apps/docs/package.json

@@ -12,8 +12,8 @@
         "astro": "astro"
     },
     "dependencies": {
-        "@astrojs/starlight": "^0.7.2",
-        "astro": "^2.10.8",
-        "sharp": "^0.32.1"
+        "@astrojs/starlight": "^0.9.0",
+        "astro": "^3.0.8",
+        "sharp": "^0.32.5"
     }
 }

apps/docs/src/content/docs/guides/command-file-setup.mdx

@@ -3,6 +3,9 @@ title: Commands Setup
 ---
 
 import { Tabs, TabItem } from '@astrojs/starlight/components';
+import { ViewTransitions } from 'astro:transitions';
+
+<ViewTransitions fallback="swap" />
 
 CommandKit supports both slash commands and context menu commands. And since both have very similar triggers (interactions) and command structures, they are both stored and handled from within the commands directory for convenience.
 

apps/docs/src/content/docs/guides/commandkit-setup.mdx

@@ -3,6 +3,9 @@ title: CommandKit setup
 ---
 
 import { Tabs, TabItem } from '@astrojs/starlight/components';
+import { ViewTransitions } from 'astro:transitions';
+
+<ViewTransitions fallback="swap" />
 
 This is a simple overview of how to set up CommandKit with all the available options. You'd usually set this up in your entry point file (e.g. `index.js`) where you have access to your Discord client object.
 

apps/docs/src/content/docs/guides/event-file-setup.mdx

@@ -3,6 +3,9 @@ title: Events Setup
 ---
 
 import { Tabs, TabItem } from '@astrojs/starlight/components';
+import { ViewTransitions } from 'astro:transitions';
+
+<ViewTransitions fallback="swap" />
 
 This is a simple overview of how to set up a simple function that is called when the "ready" event is triggered. All this code does is log to the console when the bot is ready.
 

apps/docs/src/content/docs/guides/installation.mdx

@@ -3,6 +3,9 @@ title: Installation
 ---
 
 import { Tabs, TabItem } from '@astrojs/starlight/components';
+import { ViewTransitions } from 'astro:transitions';
+
+<ViewTransitions fallback="swap" />
 
 Installing CommandKit is really simple. Based on your preferred package manager, run one of the commands in your terminal:
 

apps/docs/src/content/docs/guides/migrating-from-djs-commander.md renamed to apps/docs/src/content/docs/guides/migrating-from-djs-commander.mdx

@@ -1,6 +1,9 @@
 ---
 title: Migrating from DJS-Commander to CommandKit
 ---
+import { ViewTransitions } from 'astro:transitions';
+
+<ViewTransitions fallback="swap" />
 
 If you're trying to use CommandKit as a drop-in replacement for DJS-Commander, you'll need to make a few changes to your code.
 

apps/docs/src/content/docs/guides/validation-file-setup.mdx

@@ -3,6 +3,9 @@ title: Validations Setup
 ---
 
 import { Tabs, TabItem } from '@astrojs/starlight/components';
+import { ViewTransitions } from 'astro:transitions';
+
+<ViewTransitions fallback="swap" />
 
 Validations are functions that are called before the `run()` function from a command object is called. They can be used for many things, including validating your command object, or even implementing features such as cooldowns where the user will not be able to run the command if a validation functions says so.
 

apps/docs/src/content/docs/index.mdx

@@ -16,6 +16,9 @@ hero:
 ---
 
 import { CardGrid, Card } from '@astrojs/starlight/components';
+import { ViewTransitions } from 'astro:transitions';
+
+<ViewTransitions fallback="swap" />
 
 ## What is CommandKit?
 

apps/docs/src/content/docs/overview.md renamed to apps/docs/src/content/docs/overview.mdx

@@ -1,6 +1,9 @@
 ---
 title: Overview
 ---
+import { ViewTransitions } from 'astro:transitions';
+
+<ViewTransitions fallback="swap" />
 
 CommandKit was created to make Discord.js more beginner friendly by eliminating the need for boilerplate code and making it easier to handle commands and events. It also provides a few other features that make it easier to develop and maintain your Discord.js applications.
 

apps/docs/src/env.d.ts

@@ -1,2 +1,2 @@
 /// <reference path="../.astro/types.d.ts" />
-/// <reference types="astro/client-image" />
+/// <reference types="astro/client" />