diff --git a/apps/www/.vitepress/theme/components/CodeConfigCustomizer.vue b/apps/www/.vitepress/theme/components/CodeConfigCustomizer.vue
index c093faa6..fa85049a 100644
--- a/apps/www/.vitepress/theme/components/CodeConfigCustomizer.vue
+++ b/apps/www/.vitepress/theme/components/CodeConfigCustomizer.vue
@@ -67,7 +67,7 @@ const onSubmit = handleSubmit((values) => {
             <FormItem>
               <FormLabel>Components Path</FormLabel>
               <FormControl>
-                <Input placeholder="" v-bind="componentField" />
+                <Input placeholder="@/components" v-bind="componentField" />
               </FormControl>
               <FormDescription />
               <FormMessage />
@@ -77,7 +77,7 @@ const onSubmit = handleSubmit((values) => {
             <FormItem>
               <FormLabel>Utils Path</FormLabel>
               <FormControl>
-                <Input placeholder="" v-bind="componentField" />
+                <Input placeholder="@/utils" v-bind="componentField" />
               </FormControl>
               <FormDescription />
               <FormMessage />
diff --git a/apps/www/.vitepress/theme/utils/codeeditor.ts b/apps/www/.vitepress/theme/utils/codeeditor.ts
index dbf2b45d..88243502 100644
--- a/apps/www/.vitepress/theme/utils/codeeditor.ts
+++ b/apps/www/.vitepress/theme/utils/codeeditor.ts
@@ -92,6 +92,7 @@ function constructFiles(componentName: string, style: Style, sources: Record<str
     'shadcn-vue': 'latest',
     'typescript': 'latest',
     'vaul-vue': 'latest',
+    'vue-sonner': 'latest',
     '@unovis/vue': 'latest',
     '@unovis/ts': 'latest',
   }