From 0fdf445f21e3451e31e2b51ebf1dc83285c24ec7 Mon Sep 17 00:00:00 2001
From: Jasenko Karovic <karovicm995@gmail.com>
Date: Sat, 25 May 2024 23:09:19 +0200
Subject: [PATCH] chore: Update README.md

---
 README.md | 29 +++++++++++++++++++----------
 1 file changed, 19 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index 9c8b066ad..da5f62aff 100644
--- a/README.md
+++ b/README.md
@@ -40,14 +40,20 @@
 ## Install
 
 ```shell
+# npm
+npm install @vuepic/vue-datepicker
+
+# yarn
 yarn add @vuepic/vue-datepicker
 
-# or
+# pnpm
+pnpm add @vuepic/vue-datepicker
 
-npm install @vuepic/vue-datepicker
+# bun
+bun add @vuepic/vue-datepicker
 ```
 
-Import and register component
+### Import and register component
 
 **Global**
 
@@ -65,13 +71,16 @@ app.component('VueDatePicker', VueDatePicker);
 **Local**
 
 ```vue
-<script>
-    import VueDatePicker from '@vuepic/vue-datepicker';
-    import '@vuepic/vue-datepicker/dist/main.css';
-    
-    export default {
-        components: { VueDatePicker }
-    }
+<template>
+  <VueDatePicker v-model="date" />
+</template>
+
+<script setup>
+  import { ref } from 'vue';
+  import VueDatePicker from '@vuepic/vue-datepicker';
+  import '@vuepic/vue-datepicker/dist/main.css';
+
+  const date = ref(null);
 </script>
 ```