Avatar, Badge, Checkbox, Chips, Pagination components (#10)

docs/components/pagination.md

@@ -0,0 +1,28 @@
+# Pagination
+
+<script setup>
+import { ref } from "vue"; 
+
+const currentPage = ref(1)
+
+function switchPage(page) {
+  currentPage.value = page
+}
+</script>
+<DemoContainer style="background-color: var(--color-bg)">
+<Pagination :page="currentPage" :count="100" @switch-page="switchPage" />
+</DemoContainer>
+
+```vue
+<script setup>
+import { ref } from "vue";
+
+const currentPage = ref(1)
+
+function switchPage(page) {
+  currentPage.value = page
+}
+</script>
+
+<Pagination :page="currentPage" :count="100" @switch-page="switchPage" />
+```