docs: update icons

README.md

@@ -1,18 +1,22 @@
-# Shadcn UI Vue 🚧
+<p align="center">
+ <img align="center" src="https://raw.githubusercontent.com/radix-vue/shadcn-vue/dev/apps/www/src/public/android-chrome-192x192.png" height="96" />
+ <h1 align="center">
+  shadcn-vue
+ </h1>
+</p>
 
-**Work in Progress**
+[shadcn-vue](https://www.shadcn-vue.com/) is an unofficial community-led [Vue](https://vuejs.org) port of [shadcn/ui](https://ui.shadcn.com/).
 
+> **Note** <br> **We are not affiliated with shadcn, but we did get his blessing prior to creating this project** <br> This is a project born out of the need for a similar project for the vue ecosystem.
 
-```bash
-pnpm i
-pnpm dev
-```
+Accessible and customizable components that you can copy and paste into your apps. Free. Open Source. **Use this to build your own component library**.
 
+![hero](apps/www/src/public/og.png)
 
-Contributions are welcome.
+## Documentation
 
+Visit https://shadcn-vue.com/docs to view the documentation.
 
+## License
 
-
-
-Let's chat at radix-vue's [discord](https://chat.radix-vue.com) server.
+Licensed under the [MIT license](https://github.com/shadcn/ui/blob/main/LICENSE.md).

apps/www/.vitepress/theme/layout/MainLayout.vue

@@ -38,15 +38,32 @@ const links = [
       <div
         class="container flex h-[58px] items-center justify-between p-4 mx-auto"
       >
-        <div class="flex gap-6 md:gap-8">
-          <a href="/" class="text-md font-bold"> shadcn-vue </a>
+        <div class="mr-4 hidden md:flex">
+          <a href="/" class="mr-6 flex items-center space-x-2">
+            <svg class="h-6 w-6" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
+              <g clip-path="url(#clip0_102_1338)">
+                <path d="M208 128L128 208" stroke="#41B883" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
+                <path d="M192 40L40 192" stroke="#41B883" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
+              </g>
+              <defs>
+                <clipPath id="clip0_102_1338">
+                  <rect width="256" height="256" fill="white" />
+                </clipPath>
+              </defs>
+            </svg>
+
+            <span class="hidden font-bold sm:inline-block">
+
+              shadcn-vue
+            </span>
+          </a>
 
           <nav
-            v-for="route in docsConfig.mainNav"
-            :key="route.title"
             class="flex items-center space-x-6 text-sm font-medium"
           >
             <a
+              v-for="route in docsConfig.mainNav"
+              :key="route.title"
               :href="route.href"
               :target="route.external ? '_target' : undefined"
               class="transition-colors hover:text-foreground/80 text-foreground/60"

apps/www/src/examples/dashboard/components/Overview.vue

@@ -66,7 +66,7 @@ onMounted(async () => {
   const bar = new StackedBar<typeof data[0]>({
     x: (d, i) => i,
     y: d => d.total,
-    color: '#adfa1d',
+    color: '#41b883',
     roundedCorners: 4,
     barPadding: 0.15,
   })