refactor: migrate from astro to svelte + vite to improve performance (#131)

* add highlighter
* add playground url
* add markdown support and notification center
* fix multiple md files
* add meta description with framework list
* fix: framework id loop index
* store frameworkIdsSelected in locale storage
* add generateFrameworkContent vite plugin
* add missing snippet case
* add content generate cache
* add angular component highlighter
* improve content generator organization
* add format and linter
* add git hooks
* add default frameworks
This commit is contained in:
Mathieu Schimmerling
2023-01-03 01:36:47 +01:00
committed by GitHub
parent 4526ef2092
commit be52cbcbfc
63 changed files with 4373 additions and 3802 deletions

52
index.html Normal file
View File

@@ -0,0 +1,52 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width" />
<title>Component Party</title>
<link rel="icon" href="/favicon.png" />
<link
rel="preload"
href="/font/Mona-Sans.woff2"
as="font"
type="font/woff2"
crossorigin=""
/>
<meta
name="description"
content="Web component JS frameworks overview by their syntax and features: <%= frameworkList %>"
/>
<!-- Primary Meta Tags -->
<meta name="title" content="Component Party" />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://component-party.dev/" />
<meta property="og:title" content="Component Party" />
<meta
property="og:description"
content="Web component JS frameworks overview by their syntax and features: <%= frameworkList %>"
/>
<meta
property="og:image"
content="https://component-party.dev/banner2.png"
/>
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content="https://component-party.dev/" />
<meta property="twitter:title" content="Component Party" />
<meta
property="twitter:description"
content="Web component JS frameworks overview by their syntax and features: <%= frameworkList %>"
/>
<meta
property="twitter:image"
content="https://component-party.dev/banner2.png"
/>
</head>
<body class="bg-gray-900 text-white">
<div id="app"></div>
<script type="module" src="/src/main.js"></script>
</body>
</html>