docs: replace codesandbox embed with repl (#122)

* docs: Animations

* docs: add confetti gun

* docs: update basic example on home page

* docs(deps): Add stackblitz sdk to deps

* chore: update yarn.lock

* docs: use vue repl

* docs: remove stackblitz sdk

* docs: basic repl example

* docs: use repl for examples/index.md (basic example)

* docs: pass ext to repl

* docs: add copy plugin

* docs: use import map instead of dynamic imports

* docs: use repl for custom node example

* docs: hide repl errors

* docs: use repl for custom connectionline example

* docs: use repl for edges example

* docs: exclude repl from ssr

* docs: use repl for nested example

* docs: use repl for stress example

* docs: rename customNode to custom-node

* docs: use repl for update-edge example

* docs: use repl for update-node example

* docs: use repl for validation example

* docs: use repl for save-restore example

* docs: scale down minimap in repl examples

* docs: use repl for dnd example

* docs: use repl for empty example

* docs: use repl for hidden example

* docs: use repl for interaction example

* docs: use repl for multi example

* docs: add pinia example with stackblitz

* docs: update basic example

* docs: update examples

* docs: remove transition from intro

* docs: update features

* update: README.md

* docs: scope css

docs/src/.vuepress/theme/clientAppEnhance.ts

@@ -0,0 +1,6 @@
+import { defineClientAppEnhance } from '@vuepress/client'
+import VueAnimXyz from '@animxyz/vue3'
+
+export default defineClientAppEnhance(({ app }) => {
+  app.use(VueAnimXyz)
+})

docs/src/.vuepress/theme/index.ts

@@ -1,5 +1,6 @@
 import { resolve } from 'path'
 import { Theme } from 'vuepress'
+import { path } from '@vuepress/utils'
 
 export default {
   name: 'vuepress-theme-local',
@@ -7,4 +8,5 @@ export default {
   layouts: {
     Layout: resolve(__dirname, 'layouts/default.vue'),
   },
+  clientAppEnhanceFiles: path.resolve(__dirname, './clientAppEnhance.ts'),
 } as Theme

docs/src/.vuepress/theme/layouts/default.vue

@@ -1,5 +1,6 @@
 <script>
 import 'virtual:windi.css'
+import '@animxyz/core'
 import '@braks/vue-flow/dist/style.css'
 import '@braks/vue-flow/dist/theme-default.css'
 import '../../assets/index.css'