fix: updated readme

Author: Justin Kimbrell

.changeset/swift-rings-flow.md

@@ -0,0 +1,5 @@
+---
+"@vue-interface/pagination": patch
+---
+
+Updated README.md

packages/pagination/README.md

@@ -22,9 +22,24 @@ bun i @vue-interface/pagination
 
 ## Basic Usage
 
-```vue
-<Pagination v-model="pageNum" :total-pages="100"></Pagination>
-```
-
-For more comprehensive documentation and examples, please visit the [online documentation](https://vue-interface.github.io/packages/pagination/).
-
+To create a pagination component, use the parent `pagination` class and then add the `pagination-link` class to the links in the pagination. Use the `active` class to indicate the current page and `disabled` class for non-clickable links.
+
+<div class="flex flex-col gap-3">
+    <!-- #region basicUsage -->
+    <div class="pagination">
+        <a href="#" class="pagination-link">«</a>
+        <a href="#" class="pagination-link">1</a>
+        <div class="pagination-link active disabled">2</div>
+        <a href="#" class="pagination-link">3</a>
+        <div class="pagination-link disabled">...</div>
+        <a href="#" class="pagination-link">4</a>
+        <a href="#" class="pagination-link active">5</a>
+        <a href="#" class="pagination-link">6</a>
+        <div class="pagination-link disabled">...</div>
+        <a href="#" class="pagination-link">7</a>
+        <a href="#" class="pagination-link">8</a>
+        <a href="#" class="pagination-link">9</a>
+        <a href="#" class="pagination-link">»</a>
+    </div>
+    <!-- #endregion basicUsage -->
+</div>