chore(playground): improve

Author: IgorShevchik

package.json

@@ -73,6 +73,7 @@
     "dev-window": "set DEV=true && nuxi dev playground",
     "dev:build": "nuxi build playground",
     "dev:generate": "nuxt generate playground",
+    "dev:preview": "nuxt preview playground",
     "dev:vue": "DEV=true vite playground-vue",
     "dev:vue-window": "set DEV=true && vite playground-vue",
     "docs:full:dev": "pnpm build && vitepress dev docs",

playground-vue/src/app.vue

@@ -26,9 +26,9 @@ const router = useRouter()
 
 const isCommandPaletteOpen = ref(false)
 
-function onSelect(item: any) {
-  router.push(item.to)
-}
+// function onSelect(item: any) {
+//   router.push(item.to)
+// }
 
 function toogleDir() {
   dir.value = dir.value === 'ltr' ? 'rtl' : 'ltr'
@@ -138,13 +138,13 @@ defineShortcuts({
     </div>
     <B24Modal v-model:open="isCommandPaletteOpen" class="sm:h-96">
       <template #content>
-        <B24CommandPalette
+        <!-- B24CommandPalette
           placeholder="Search a component..."
           :groups="usePageMeta.groups"
           :fuse="{ resultLimit: 100 }"
           @update:model-value="onSelect"
           @update:open="(value: boolean) => isCommandPaletteOpen = value"
-        />
+        / -->
       </template>
     </B24Modal>
   </B24App>

playground/app/app.vue

@@ -40,9 +40,9 @@ const isLtr = computed({
 
 const isCommandPaletteOpen = ref(false)
 
-function onSelect(item: any) {
-  router.push(item.to)
-}
+// function onSelect(item: any) {
+//   router.push(item.to)
+// }
 
 defineShortcuts({
   ctrl_k: () => {
@@ -146,13 +146,13 @@ defineShortcuts({
       </div>
       <B24Modal v-model:open="isCommandPaletteOpen" class="sm:h-96">
         <template #content>
-          <B24CommandPalette
+          <!-- B24CommandPalette
             placeholder="Search a component..."
             :groups="usePageMeta.groups"
             :fuse="{ resultLimit: 100 }"
             @update:model-value="onSelect"
             @update:open="(value: boolean) => isCommandPaletteOpen = value"
-          />
+          / -->
         </template>
       </B24Modal>
     </B24App>

playground/nuxt.config.ts

@@ -13,6 +13,10 @@ export default defineNuxtConfig({
   devtools: {
     enabled: false
   },
+  app: {
+    baseURL: '/b24ui/playground/',
+    buildAssetsDir: '/b24ui/playground/_nuxt/'
+  },
   devServer: {
     loadingTemplate: () => {
       return readFileSync('./playground/template/devServer-loading.html', 'utf-8')

playground/package.json

@@ -6,7 +6,8 @@
   "scripts": {
     "dev": "nuxi dev",
     "build": "nuxi build",
-    "generate": "nuxi generate"
+    "generate": "nuxi generate",
+    "preview": "nuxt preview"
   },
   "dd_dependencies": {
     "@nuxthub/core": "^0.8.17"