Added svelte-command-palette package to website

Author: rohitpotato

.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-	"editor.formatOnSave": false
+	"editor.formatOnSave": true,
+	"editor.defaultFormatter": "esbenp.prettier-vscode"
 }

package-lock.json

@@ -44,6 +44,7 @@
 		"fuse.js": "^6.6.2",
 		"i": "^0.3.7",
 		"npm": "^8.10.0",
+		"svelte-command-palette": "^1.0.0",
 		"svelte2tsx": "^0.5.10",
 		"tinykeys": "^1.4.0"
 	},

package.json

@@ -1 +1,45 @@
-<slot />
+<script>
+	import { goto } from '$app/navigation';
+
+	import CommandPalette, { defineActions } from 'svelte-command-palette';
+
+	let actions = defineActions([
+		{
+			title: 'Go to demo',
+			subTitle: 'Learn how to use svelte-command-palette',
+			onRun: () => {
+				goto('/');
+			},
+			shortcut: 'D D'
+		},
+		{
+			title: 'Go to paletteStore docs',
+			subTitle: 'Learn how to use paletteStore',
+			onRun: () => {
+				goto('/docs/palette-store');
+			},
+			shortcut: 'D D'
+		},
+		{
+			title: 'Open Github',
+			subTitle: 'Go to github in a new tab',
+			onRun: () => {
+				window.open('https://github.com');
+			},
+			shortcut: 'Space k'
+		},
+
+		{
+			title: 'Open twitter',
+			subTitle: 'Open my twitter handle in a new tab',
+			onRun: () => {
+				window.open('https://twitter.com/rohitpotato');
+			},
+			shortcut: 'T T'
+		}
+	]);
+</script>
+
+<CommandPalette commands={actions} />
+
+<slot />