wip

Author: kakkokari-gtyih

.vitepress/components/Playground.vue …press/components/CodeBlockPlayground.vue.vitepress/components/Playground.vue renamed to .vitepress/components/CodeBlockPlayground.vue .vitepress/components/Playground.vue renamed to .vitepress/components/CodeBlockPlayground.vue

@@ -3,6 +3,7 @@ import { defineConfig, type DefaultTheme } from 'vitepress';
 const nav: DefaultTheme.NavItem[] = [
     { text: 'ガイド', link: '/ja/guides/get-started' },
     { text: 'リファレンス', link: '/ja/references/syntax' },
+    { text: 'AiScriptを試す', link: '/ja/playground' },
 ];
 
 const guideNav: DefaultTheme.SidebarItem[] = [

.vitepress/config/ja.ts

@@ -0,0 +1,18 @@
+<template>
+    <div :class="$style.playgroundRoot">
+        <div :class="$style.playgroundHeader">a</div>
+    </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style module>
+.playgroundRoot {
+    display: grid;
+    height: 100%;
+    max-height: 100%;
+}
+
+</style>

.vitepress/pages/Playground.vue

@@ -23,7 +23,7 @@ export function createPlaygroundTransformer(): ShikiTransformer {
         },
         postprocess: (html, options) => {
             if (options.lang !== 'aiscript' || !options.meta?.__raw?.includes('playground') || codeRaw == null) return;
-            return `${html}<Playground code="${escapeHtml(codeRaw)}"></Playground>`;
+            return `${html}<CodeBlockPlayground code="${escapeHtml(codeRaw)}"></CodeBlockPlayground>`;
         },
     };
 }

.vitepress/scripts/playground-transformer.ts

@@ -3,7 +3,8 @@ import { h } from 'vue'
 import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
 import './style.css'
-import Playground from '../components/Playground.vue'
+import CodeBlockPlayground from '../components/CodeBlockPlayground.vue'
+import Playground from '../pages/Playground.vue'
 
 export default {
   extends: DefaultTheme,
@@ -13,6 +14,8 @@ export default {
     })
   },
   enhanceApp({ app, router, siteData }) {
-    app.component('Playground', Playground);
+    app.component('CodeBlockPlayground', CodeBlockPlayground);
+
+    app.component('playground', Playground);
   }
 } satisfies Theme

.vitepress/theme/index.ts

@@ -0,0 +1,3 @@
+---
+layout: playground
+---