Astro Integration System (#2820)

* update examples

* add initial integrations

* update tests

* update astro

* update ci

* get final tests working

* update injectelement todo

* update ben code review

* respond to final code review feedback

1 files changed, 15 insertions, 15 deletions

diff --git a/packages/create-astro/src/frameworks.ts b/packages/create-astro/src/frameworks.ts
index 22a53a296..0290c1c96 100644
--- a/packages/create-astro/src/frameworks.ts
+++ b/packages/create-astro/src/frameworks.ts
@@ -1,5 +1,5 @@
 export const COUNTER_COMPONENTS = {
-	'@astrojs/renderer-preact': {
+	preact: {
 		filename: `src/components/PreactCounter.jsx`,
 		content: `import { useState } from 'preact/hooks';
 
@@ -18,7 +18,7 @@ export default function PreactCounter() {
 }
 `,
 	},
-	'@astrojs/renderer-react': {
+	react: {
 		filename: `src/components/ReactCounter.jsx`,
 		content: `import { useState } from 'react';
 
@@ -37,7 +37,7 @@ export default function ReactCounter() {
 }
 `,
 	},
-	'@astrojs/renderer-solid': {
+	solid: {
 		filename: `src/components/SolidCounter.jsx`,
 		content: `import { createSignal } from "solid-js";
 
@@ -56,7 +56,7 @@ export default function SolidCounter() {
 }
 `,
 	},
-	'@astrojs/renderer-svelte': {
+	svelte: {
 		filename: `src/components/SvelteCounter.svelte`,
 		content: `<script>
   let count = 0;
@@ -77,7 +77,7 @@ export default function SolidCounter() {
 </div>
 `,
 	},
-	'@astrojs/renderer-vue': {
+	vue: {
 		filename: `src/components/VueCounter.vue`,
 		content: `<template>
   <div id="vue" class="counter">
@@ -109,23 +109,23 @@ export default {
 
 export const FRAMEWORKS = [
 	{
-		title: 'Preact',
-		value: '@astrojs/renderer-preact',
+		title: 'preact',
+		value: '@astrojs/preact',
 	},
 	{
-		title: 'React',
-		value: '@astrojs/renderer-react',
+		title: 'react',
+		value: 'react',
 	},
 	{
-		title: 'Solid',
-		value: '@astrojs/renderer-solid',
+		title: 'solid',
+		value: 'solid',
 	},
 	{
-		title: 'Svelte',
-		value: '@astrojs/renderer-svelte',
+		title: 'svelte',
+		value: 'svelte',
 	},
 	{
-		title: 'Vue',
-		value: '@astrojs/renderer-vue',
+		title: 'vue',
+		value: 'vue',
 	},
 ];