new components

nginx/vue/src/components/admin/CreatePost.vue

@@ -1,4 +1,5 @@
 <script setup>
+import Button from "@/components/input/Button.vue";
 import { ref, onMounted, computed } from "vue";
 import axios from "axios";
 import { useAuthStore } from "@/stores/auth";
@@ -27,7 +28,7 @@ async function post() {
         <h1>Create Post</h1>
         <input type="text" v-model="title" placeholder="Title" />
         <textarea v-model="content" placeholder="Content"></textarea>
-        <button @click="post">Upload</button>
+        <Button @click="post">Upload</Button>
         <!-- make textarea take up most the space -->
     </div>
 </template>

nginx/vue/src/components/admin/CreateUser.vue

@@ -1,4 +1,5 @@
 <script setup>
+import Button from "@/components/input/Button.vue";
 import { ref, onMounted, computed } from "vue";
 import { useAuthStore } from "@/stores/auth";
 
@@ -22,6 +23,6 @@ function handleLogin() {
         <h1>Create User</h1>
         <input type="text" v-model="username" placeholder="Username" />
         <input type="password" v-model="password" placeholder="Password" />
-        <button @click="handleLogin">Create Account</button>
+        <Button @click="handleLogin">Create Account</Button>
     </div>
 </template>

nginx/vue/src/components/admin/Login.vue

@@ -2,6 +2,8 @@
 import { ref, onMounted, computed } from "vue";
 import { useAuthStore } from "@/stores/auth";
 
+import Button from "@/components/input/Button.vue";
+
 const auth = useAuthStore();
 const username = ref("");
 const password = ref("");
@@ -21,12 +23,12 @@ function handleLogout() {
         <p>{{ auth.user.id }}</p>
         <p>{{ auth.user.username }}</p>
         <p>{{ auth.user.admin }}</p>
-        <button @click="handleLogout">Log Out</button>
+        <Button @click="handleLogout">Log Out</Button>
     </div>
     <div v-else class="flex flex-col">
         <h1>Login</h1>
         <input type="text" v-model="username" placeholder="Username" />
         <input type="password" v-model="password" placeholder="Password" />
-        <button @click="handleLogin">Log In</button>
+        <Button @click="handleLogin">Log In</Button>
     </div>
 </template>