From f4cb4c8e8b31fee84d65dc9098d13b4ed5b24c66 Mon Sep 17 00:00:00 2001
From: Mohamad Talkhabi <mt382861@gmail.com>
Date: Fri, 13 Aug 2021 23:16:26 +0430
Subject: [PATCH] feat: usage example

---
 src/views/Home.vue | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 833555a..9562f80 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,11 +1,31 @@
 <template>
   <div class="home">
-    HOME
+    <h1>{{ pageTitle }}</h1>
+    <div>
+      <date-picker v-model="date" />
+      {{ date }}
+    </div>
+
+    <div style="margin-top:30px">
+      <date-picker v-model="time" type="time" />
+      {{ time }}
+    </div>
   </div>
 </template>
 
 <script>
+import Vue3PersianDatetimePicker from '@/picker/Vue3PersianDatetimePicker'
 export default {
-  name: 'Home'
+  name: 'Home',
+  components: {
+    DatePicker: Vue3PersianDatetimePicker
+  },
+  data() {
+    return {
+      date: '',
+      time: '',
+      pageTitle: process.env.VUE_APP_TITLE
+    }
+  }
 }
 </script>