Merge branch 'release/2.0.0-beta.10'

Author: titouanmathis

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit-workspace",
-  "version": "2.0.0-beta.9",
+  "version": "2.0.0-beta.10",
   "private": true,
   "workspaces": [
     "packages/*"
@@ -9,7 +9,7 @@
     "demo:dev": "npm run dev --workspace=@studiometa/js-toolkit-demo",
     "demo:build": "npm run build --workspace=@studiometa/js-toolkit-demo",
     "docs:dev": "npm run dev --workspace=@studiometa/js-toolkit-docs",
-    "docs:build": "npm run build --workspace=@studiometa/js-toolkit-docs",
+    "docs:build": "cd packages/docs && npm install && npm run build",
     "test": "npm run test --workspace=@studiometa/js-toolkit-tests",
     "lint": "npm run lint:eslint && npm run lint:types && npm run lint:docs",
     "lint:eslint": "eslint packages/js-toolkit",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@studiometa/js-toolkit-demo",
-  "version": "2.0.0-beta.9",
+  "version": "2.0.0-beta.10",
   "private": true,
   "type": "commonjs",
   "scripts": {

packages/demo/package.json

@@ -0,0 +1,20 @@
+<script setup>
+  import Theme from 'vitepress/dist/client/theme-default';
+  import { useKBarHandler } from '@bytebase/vue-kbar';
+
+  const { Layout } = Theme;
+  const handler = useKBarHandler();
+</script>
+
+<template>
+  <Layout>
+    <template #navbar-search>
+      <button
+        class="ml-6 px-6 py-2 text-gray-500 text-sm font-medium cursor-pointer rounded-full bg-gray-100 hover:bg-white border-0 ring-2 ring-inset ring-brand ring-opacity-0 hover:ring-opacity-1 focus:ring-opacity-1 focus:outline-none transition"
+        @click="handler.show"
+      >
+        <span class="whitespace-nowrap">Search (⌘+K)</span>
+      </button>
+    </template>
+  </Layout>
+</template>

packages/docs/.vitepress/theme/components/App.vue

@@ -0,0 +1,11 @@
+<script setup>
+  import Search from './Search.vue';
+  import App from './App.vue';
+
+</script>
+
+<template>
+  <Search>
+    <App />
+  </Search>
+</template>