feat:add codesandox template

Author: D-Lite

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

@@ -33,10 +33,11 @@ John Leider, [Buefy](https://buefy.org) by Walter Thomasi, [Reach UI](https://re
 from the folks over at React Training, and many other tools that make web development a colorful field.
 
 ## Core Concepts
+
 Chakra UI is built from the ground up with two main guiding principles in mind:
 
-  1. Accessibility
-  2. Constraint based design
+1. Accessibility
+2. Constraint based design
 
 ## Vision
 
@@ -47,9 +48,16 @@ Chakra UI is built from the ground up with two main guiding principles in mind:
 
 ## Getting started
 
-To get started, you can use one of the following starters: 
+To get started, you can use the Codesandbox 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"
+     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"
+     sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+   ></iframe>
 
-<i>Stackblitz and CodeSandBox starters are coming soon.</i>
+<i>Stackblitz starter template is coming soon.</i>
 
 There are starter demo's available on GitHub thanks to @Codebender828:
 
@@ -60,6 +68,6 @@ Or follow along with the [installation](1.installation.md) guide.
 
 ## Community
 
-Please feel free to connect with the **Chakra UI** community on [Discord](https://discord.gg/sq2Kp6x). 
+Please feel free to connect with the **Chakra UI** community on [Discord](https://discord.gg/sq2Kp6x).
 ::DiscordBanner
-::
+::