updated doc

jamshedhossan9 · Jan 22, 2024 · 49345d9 · 49345d9
1 parent 707e317
commit 49345d9
Show file tree

Hide file tree

Showing 5 changed files with 176 additions and 165 deletions.
diff --git a/development/App.vue b/development/App.vue
@@ -16,6 +16,9 @@
                         <li class="nav-item mt-2">
                             <a class="nav-link active" href="#" @click.prevent="goTo($event, sectionIntroduction)">Introduction</a>
                         </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="#" @click.prevent="goTo($event, sectionInstall)">Installation</a>
+                        </li>
                         <li class="nav-item">
                             <a class="nav-link" href="#" @click.prevent="goTo($event, sectionImport)">Import</a>
                         </li>
@@ -65,6 +68,12 @@
                         <br>
                         It is currently compatible with <strong>Vue3</strong> only.
                     </div>
+                    <div class="py-4 border-bottom" ref="sectionInstall">
+                        <h5 class="title-2 mb-2">Installation:</h5>
+                        <div>
+                            <pre class="code-block">npm install vue-hour-range-picker</pre>
+                        </div>
+                    </div>
                     <div class="py-4 border-bottom" ref="sectionImport">
                         <h5 class="title-2 mb-2">Import:</h5>
                         <div>
@@ -427,6 +436,7 @@
     import { useResizeObserver } from '@vueuse/core'
 
     const sideBarOpen = ref(false);
+    const sectionInstall = ref();
     const sectionIntroduction = ref();
     const sectionImport = ref();
     const sectionBasic = ref();

diff --git a/doc/assets/main-T24swbUN.js b/doc/assets/main-T24swbUN.js
diff --git a/doc/assets/main-vPaNkDgE.js b/doc/assets/main-vPaNkDgE.js
diff --git a/doc/index.html b/doc/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Hour Range Picker</title>
-    <script type="module" crossorigin src="/vue-hour-range-picker/assets/main-T24swbUN.js"></script>
+    <script type="module" crossorigin src="/vue-hour-range-picker/assets/main-vPaNkDgE.js"></script>
     <link rel="stylesheet" crossorigin href="/vue-hour-range-picker/assets/main-FyXAfa-W.css">
   </head>
   <body>

diff --git a/package-lock.json b/package-lock.json