add gitpod support

.gitpod.yml

@@ -0,0 +1,2 @@
+tasks:
+  - init: pnpm install

README.base.md

@@ -1,5 +1,7 @@
 # Component Party
 
+[![Open in Gitpod](https://shields.io/badge/Open%20in-Gitpod-green?logo=Gitpod)](https://gitpod.io/#https://github.com/matschik/component-party)
+
 > Web component JS frameworks quick overview by their syntax and features
 
 ## Why ?
@@ -10,8 +12,14 @@ How do we solve this ? Developers love having framework overview by examples. It
 - [ ] Website (built with Astro)
 - [ ] Add SolidJS support
 - [ ] Add Angular support
+- [ ] Add Preact support
+- [ ] Add Alpine support
+- [x] Add React support
+- [x] Add Svelte support
+- [x] Add Vue 3 support
 
 ## Contributing
+
 1. Fork it!
 2. Create your feature branch: `git checkout -b my-new-feature`
 3. Commit your changes: `git commit -am 'Add some feature'`
@@ -19,6 +27,8 @@ How do we solve this ? Developers love having framework overview by examples. It
 5. Submit a pull request :D
 
 
+
+
 --------------------------------------
 
 # Documentation

README.md

@@ -1,5 +1,7 @@
 # Component Party
 
+[![Open in Gitpod](https://shields.io/badge/Open%20in-Gitpod-green?logo=Gitpod)](https://gitpod.io/#https://github.com/matschik/component-party)
+
 > Web component JS frameworks quick overview by their syntax and features
 
 ## Why ?
@@ -10,8 +12,14 @@ How do we solve this ? Developers love having framework overview by examples. It
 - [ ] Website (built with Astro)
 - [ ] Add SolidJS support
 - [ ] Add Angular support
+- [ ] Add Preact support
+- [ ] Add Alpine support
+- [x] Add React support
+- [x] Add Svelte support
+- [x] Add Vue 3 support
 
 ## Contributing
+
 1. Fork it!
 2. Create your feature branch: `git checkout -b my-new-feature`
 3. Commit your changes: `git commit -am 'Add some feature'`
@@ -19,6 +27,8 @@ How do we solve this ? Developers love having framework overview by examples. It
 5. Submit a pull request :D
 
 
+
+
 --------------------------------------
 
 # Documentation

scripts/generateDoc.js

@@ -43,14 +43,12 @@ async function main() {
 				const files = fs.readdirSync(`${sectionDir}/${subSectionDir}/${frameworkDir}`);
 
 				for (const file of files) {
-				
 					const parsedFile = path.parse(file);
 					function addSnippetWrap(content) {
 						return `\`\`\`${
 							FRAMEWORKS.find((f) => f.id === frameworkDir).ext
 						}\n${content}\n\`\`\`\n\n`;
 					}
-					console.log(parsedFile)
 					const currentFileContent = fs.readFileSync(
 						`${sectionDir}/${subSectionDir}/${frameworkDir}/${file}`
 					);