Adding playground index

webdevnerdstuff · webdevnerdstuff · commit e1b3c2a230e1 · 2023-04-09T15:37:58.000-07:00
diff --git a/playground/index.html b/playground/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en" data-bs-theme="dark">
+
+<head>
+	<meta charset="UTF-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<title>Vue 3 CodeBlock Playground</title>
+
+	<meta name="description"
+		content="Vue 3 CodeBlock - Highlight your code with ease using this syntax highlighting component powered by PrismJS or Highlight.js." />
+
+
+	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet"
+		integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
+	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/js/bootstrap.bundle.min.js"
+		integrity="sha384-qKXV1j0HvMUeCBQ+QVp7JcfGl760yU08IQ+GpUo5hlbpg51QRiuqHAJz8+BrxE/N"
+		crossorigin="anonymous"></script>
+
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<link
+		href="https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@300;400;600&family=Open+Sans&display=swap"
+		rel="stylesheet">
+
+	<link rel="icon" type="image/svg+xml" href="/vue.svg" />
+</head>
+
+<body>
+	<div id="app"></div>
+	<script type="module" src="../src/playground/configs/playground.ts"></script>
+
+</body>
+
+</html>
