chore: minal codesandbox setup

Author: D-Lite

content/1.getting-started/0.index.md

@@ -50,7 +50,7 @@ Chakra UI is built from the ground up with two main guiding principles in mind:
 
 To get started, you can use the [Codesandbox](https://codesandbox.io/s/vue-chakra-next-with-autoimport-r1shkt?from-embed){:target="\_blank"} starter template:
 
-<iframe src="https://codesandbox.io/embed/vue-chakra-next-with-autoimport-r1shkt?fontsize=14&hidenavigation=1&theme=dark&view=preview&codemirror=1&highlights=6,7,8,9"
+<iframe src="https://codesandbox.io/embed/vue-chakra-next-with-autoimport-r1shkt?hidenavigation=1&codemirror=1&moduleview=0&hidedevtools=1&module=/src/components/HelloChakra.vue"
      style="width:100%; height:500px; border:10px; border-color: black; border-radius: 4px; overflow:hidden;"
      title="vue-chakra-next-with-autoimport"
      allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"