chore: use local chakra

Author: codebender828

playground/src/components/Sidebar.vue

@@ -1,5 +1,5 @@
 <script lang="ts">
-import { chakra } from "@chakra-ui/vue-system"
+import { chakra } from "../../../packages/vue/src"
 import { defineComponent, h } from "vue"
 import { RouterLink } from "vue-router"
 

playground/src/main.ts

@@ -4,8 +4,8 @@ import Chakra, {
   extendTheme,
   BodyScrollLockDirective,
   extendChakra,
+  domElements,
 } from "../../packages/vue/src"
-import { domElements } from "@chakra-ui/vue-system"
 import { feActivity, feUser } from "feather-icons-paths"
 import PerfectScrollbar from "vue3-perfect-scrollbar"
 import { MotionPlugin } from "@vueuse/motion"