diff --git a/docs/app.config.ts b/docs/app.config.ts
index 554d3ec..fc41455 100644
--- a/docs/app.config.ts
+++ b/docs/app.config.ts
@@ -2,7 +2,7 @@ export default defineAppConfig({
   docus: {
     title: 'v-dropdown-menu',
     description: 'Customizable dropdown menu for vue 🟩🔽',
-    image: '/media/preview.png',
+    image: '/media/preview.jpg',
     socials: {
       twitter: 'startupekibi',
       github: 'RadKod/v-dropdown-menu'
diff --git a/docs/components/AppDropdown.vue b/docs/components/AppDropdown.vue
index 3a9cd6d..27a451a 100644
--- a/docs/components/AppDropdown.vue
+++ b/docs/components/AppDropdown.vue
@@ -19,8 +19,8 @@
 </template>
 
 <script setup>
-import DropdownMenu from '../../dist/vue3/v-dropdown-menu.mjs'
-import '../../dist/vue3/v-dropdown-menu.css'
+import DropdownMenu from 'v-dropdown-menu'
+import '/node_modules/v-dropdown-menu/dist/vue3/v-dropdown-menu.css'
 </script>
 
 <style scoped>
diff --git a/docs/components/AppDropdownAdvanced.vue b/docs/components/AppDropdownAdvanced.vue
index 72f96ad..26f5790 100644
--- a/docs/components/AppDropdownAdvanced.vue
+++ b/docs/components/AppDropdownAdvanced.vue
@@ -21,8 +21,8 @@
 </template>
 
 <script setup>
-import DropdownMenu from '../../dist/vue3/v-dropdown-menu.mjs'
-import '../../dist/vue3/v-dropdown-menu.css'
+import DropdownMenu from 'v-dropdown-menu'
+import '/node_modules/v-dropdown-menu/dist/vue3/v-dropdown-menu.css'
 
 const writeToConsoleForOpened = value => {
   console.log(value, 'opened')
diff --git a/docs/components/AppDropdownWithCloser.vue b/docs/components/AppDropdownWithCloser.vue
index 117d556..41aa148 100644
--- a/docs/components/AppDropdownWithCloser.vue
+++ b/docs/components/AppDropdownWithCloser.vue
@@ -20,8 +20,8 @@
 </template>
 
 <script setup>
-import DropdownMenu from '../../dist/vue3/v-dropdown-menu.mjs'
-import '../../dist/vue3/v-dropdown-menu.css'
+import DropdownMenu from 'v-dropdown-menu'
+import '/node_modules/v-dropdown-menu/dist/vue3/v-dropdown-menu.css'
 </script>
 
 <style scoped>
diff --git a/docs/content/1.guide/0.index.md b/docs/content/1.guide/0.index.md
index 8ea2a14..1c2daa4 100644
--- a/docs/content/1.guide/0.index.md
+++ b/docs/content/1.guide/0.index.md
@@ -12,7 +12,7 @@ Customizable dropdown menu for vue 🟩🔽
 💉 SSR compatible &nbsp;
 </p>
 
-![v-dropdown-menu](https://raw.githubusercontent.com/RadKod/v-dropdown-menu/master/meta/preview.png){width="256"}
+![v-dropdown-menu](https://raw.githubusercontent.com/RadKod/v-dropdown-menu/master/meta/preview.jpg){width="320"}
 
 ## Installation
 
diff --git a/docs/package.json b/docs/package.json
index 34c5590..f754ac4 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -15,5 +15,7 @@
     "eslint": "^8.35.0",
     "nuxt": "3.3.3"
   },
-  "dependencies": {}
+  "dependencies": {
+    "v-dropdown-menu": "^2.0.1"
+  }
 }
diff --git a/docs/yarn.lock b/docs/yarn.lock
index d7e2570..92bc66d 100644
--- a/docs/yarn.lock
+++ b/docs/yarn.lock
@@ -6647,6 +6647,11 @@ uvu@^0.5.0:
     kleur "^4.0.3"
     sade "^1.7.3"
 
+v-dropdown-menu@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/v-dropdown-menu/-/v-dropdown-menu-2.0.1.tgz#89763104fad89d60e535850e041af78f069cbc7f"
+  integrity sha512-AoCL3G63zK6oIs0AS6e9C2rguNb6PZb9t1GmzvWYQ1cw4uHf7xTNzRMQpu23H2rlCErV2rXbhdsYkGtHp+Eljg==
+
 vfile-location@^4.0.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/vfile-location/-/vfile-location-4.1.0.tgz#69df82fb9ef0a38d0d02b90dd84620e120050dd0"