chore: update sandbox

Kong · Sep 28, 2023 · 7b84f7a · 7b84f7a
1 parent 0c27a9f
commit 7b84f7a
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/sandbox/index.html b/sandbox/index.html
@@ -2,12 +2,16 @@
 <html lang="en">
 
   <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Kongponents Sandbox</title>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="robots" content="noindex nofollow" />
+    <link rel="icon" href="/favicon.ico">
     <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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono&display=swap"
+      rel="stylesheet">
+    <title>Kongponents Sandbox</title>
     <style>
       html,
       body {

diff --git a/sandbox/pages/HomePage.vue b/sandbox/pages/HomePage.vue
@@ -41,10 +41,10 @@
       >
         <h2>Welcome to the Sandbox!</h2>
         <p>
-          The sandbox mode in Kongponents provides developers with a controlled environment to test and ensure that no styles from the docs app leak through into the component library. This feature guarantees that the components look and function as intended, without any external interference.
+          This sandbox (currently pointed to the <code>alpha</code> branch) provides users with a controlled environment to test and interact with components. This feature helps to guarantee that the components look and behave as intended, without external interference.
         </p>
         <p>
-          By using the sandbox mode, you can have confidence that components maintain their visual consistency, regardless of the context in which they are used.
+          By using the sandbox, you can verify that components maintain their visual consistency, regardless of the host app in which they are used.
         </p>
       </div>
       <router-view />

diff --git a/sandbox/router.ts b/sandbox/router.ts
@@ -1,7 +1,7 @@
-import { createRouter, createWebHistory } from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
 
 export default createRouter({
-  history: createWebHistory('/kongponents'),
+  history: createWebHashHistory(),
   routes: [
     {
       path: '/',