first commit

app/components/Paginate.vue

@@ -0,0 +1,24 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+  <div class="row text-center">
+    <div class="col-12 m-auto text-center">
+      <div class="theme-pagination text-center">
+        <ul>
+          <li><a href="#"><i class="fa-solid fa-angle-left"></i></a></li>
+          <li><a class="active" href="#">01</a></li>
+          <li><a href="#">02</a></li>
+          <li>...</li>
+          <li><a href="#">12</a></li>
+          <li><a href="#"><i class="fa-solid fa-angle-right"></i></a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>