adds vue to playground

package/src/core/types.ts

@@ -1,4 +1,4 @@
-import type { HookParameters, DevToolbarApp } from "astro";
+import type { DevToolbarApp, HookParameters } from "astro";
 import type {
 	Prettify,
 	UnionToArray,
@@ -146,5 +146,5 @@ export interface ExtendedHooks<TPlugins extends Array<AnyPlugin>> {
 export interface DevToolbarFrameworkAppProps {
 	canvas: Parameters<Required<DevToolbarApp>["init"]>[0];
 	eventTarget: Parameters<Required<DevToolbarApp>["init"]>[1];
-	renderWindow: HTMLElementTagNameMap['astro-dev-toolbar-window'];
+	renderWindow: HTMLElementTagNameMap["astro-dev-toolbar-window"];
 }

package/src/plugins/add-devtoolbar-framework-app.ts

@@ -1,15 +1,20 @@
 import { definePlugin } from "../core/define-plugin.js";
 import {
-	addDevToolbarFrameworkApp,
 	type AddDevToolbarFrameworkAppParams,
+	addDevToolbarFrameworkApp,
 } from "../utilities/add-devtoolbar-framework-app.js";
 
 export const addDevToolbarFrameworkAppPlugin = definePlugin({
 	name: "addDevToolbarFrameworkApp",
 	hook: "astro:config:setup",
 	implementation:
 		({ addDevToolbarApp, updateConfig, injectScript }) =>
-		(params: Omit<AddDevToolbarFrameworkAppParams, "addDevToolbarApp" | "updateConfig" | "injectScript">) =>
+		(
+			params: Omit<
+				AddDevToolbarFrameworkAppParams,
+				"addDevToolbarApp" | "updateConfig" | "injectScript"
+			>,
+		) =>
 			addDevToolbarFrameworkApp({
 				...params,
 				addDevToolbarApp,

package/src/plugins/add-integration.ts

@@ -1,23 +1,23 @@
 import { definePlugin } from "../core/define-plugin.js";
 import {
-	addIntegration,
 	type AddIntegrationParams,
+	addIntegration,
 } from "../utilities/add-integration.js";
 
 export const addIntegrationPlugin = definePlugin({
 	name: "addIntegration",
 	hook: "astro:config:setup",
 	implementation:
 		({ updateConfig, config, logger }) =>
-			(
-				integration: Pick<AddIntegrationParams, "integration">["integration"],
-				options?: Pick<AddIntegrationParams, "options">["options"],
-			) =>
-				addIntegration({
-					integration,
-					options: options ?? {},
-					updateConfig,
-					config,
-					logger,
-				}),
+		(
+			integration: Pick<AddIntegrationParams, "integration">["integration"],
+			options?: Pick<AddIntegrationParams, "options">["options"],
+		) =>
+			addIntegration({
+				integration,
+				options: options ?? {},
+				updateConfig,
+				config,
+				logger,
+			}),
 });

package/src/utilities/add-devtoolbar-framework-app.ts

@@ -33,7 +33,10 @@ export type AddDevToolbarFrameworkAppParams = {
 	framework: SupportedFrameworks;
 	src: string;
 	style?: string;
-} & Pick<HookParameters<"astro:config:setup">, "addDevToolbarApp" | "updateConfig" | "injectScript">;
+} & Pick<
+	HookParameters<"astro:config:setup">,
+	"addDevToolbarApp" | "updateConfig" | "injectScript"
+>;
 
 /**
  * Add a Dev Toolbar Plugin that uses a Framework component.

package/src/utilities/add-integration.ts

@@ -6,7 +6,10 @@ export type AddIntegrationParams = {
 	options?: {
 		ensureUnique?: boolean;
 	};
-} & Pick<HookParameters<"astro:config:setup">, "updateConfig" | "config" | "logger">;
+} & Pick<
+	HookParameters<"astro:config:setup">,
+	"updateConfig" | "config" | "logger"
+>;
 
 /**
  * Easily add an integration from within an integration.

playground/package.json

@@ -28,7 +28,8 @@
     "react-dom": "^18.2.0",
     "solid-js": "^1.8.15",
     "svelte": "^4.2.11",
-    "tailwindcss": "^3.4.1"
+    "tailwindcss": "^3.4.1",
+    "vue": "^3.4.20"
   },
   "devDependencies": {
     "@astrojs/check": "^0.4.1",