docs: add playground codesandbox

js2me · js2me · commit ca1ff333aede · 2025-10-29T12:59:20.000+03:00
diff --git a/docs/.vitepress/config.mts b/docs/.vitepress/config.mts
@@ -54,6 +54,10 @@ export default defineDocsVitepressConfig(configs, {
               }
             ]
           },
+          {
+            text: 'Playground',
+            link: '/introduction/playground',
+          }
         ],
       },
       {
diff --git a/docs/introduction/playground.md b/docs/introduction/playground.md
@@ -0,0 +1,10 @@
+# Playground  
+
+You can try it out in [CodeSandbox](https://codesandbox.io/s/v4kdvz?file=/src/App.tsx).
+
+<iframe src="https://codesandbox.io/embed/v4kdvz?view=editor+%2B+preview&module=%2Fsrc%2FApp.tsx&hidenavigation=1"
+  style="width:100%; height: 500px; border:0; border-radius: 4px; overflow:hidden;"
+  title="mobx-view-model-approach"
+  allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
+  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+></iframe>

Original file line number	Diff line number	Diff line change
`@@ -54,6 +54,10 @@ export default defineDocsVitepressConfig(configs, {`
`54`	`54`	`}`
`55`	`55`	`]`
`56`	`56`	`},`
	`57`	`+ {`
	`58`	`+ text: 'Playground',`
	`59`	`+ link: '/introduction/playground',`
	`60`	`+ }`
`57`	`61`	`],`
`58`	`62`	`},`
`59`	`63`	`{`