docs: add shadcn/vue VSCode extension (#163)

* docs(app): #162 add shadcn/vue VSCode extension

This pull request is intended to add the shadcn/vue VSCode extension to the installation guide.

Closes: #162

* docs: update announcement

* docs: credit, and format the text

---------

Co-authored-by: zernonia <zernonia@gmail.com>

apps/www/.vitepress/theme/config/site.ts

@@ -15,6 +15,6 @@ export const siteConfig = {
 
 export const announcementConfig = {
   icon: '✨',
-  title: 'New Toast component',
+  title: 'VSCode extension',
-  link: '/docs/components/toast',
+  link: '/docs/installation.html#vscode-extension',
 }

apps/www/src/content/docs/installation.md

@@ -92,4 +92,16 @@ To configure import aliases, you can use the following `jsconfig.json`:
       "@/*": ["./*"]
     }
   }
-}
+}
+```
+
+## VSCode extension
+
+Install the [shadcn-vue](https://marketplace.visualstudio.com/items?itemName=Selemondev.shadcn-vue) extension by [@selemondev](https://github.com/selemondev) in Visual Studio Code to easily add Shadcn Vue components to your project. 
+
+This extension offers a range of features:
+- Ability to initialize the Shadcn Vue CLI
+- Install components
+- Open documentation
+- Navigate to a specific component's documentation page directly from your IDE. 
+- Handy snippets for quick and straightforward component imports and markup.