fix: update vue to adapt to backend

Author: 4rthurCai

src/components/AuthInitiate.vue

@@ -117,6 +117,7 @@
 <script setup>
 import { ref, onMounted, onUnmounted } from "vue";
 import { getCookie } from "../utils/cookies";
+import { apiFetch } from "../utils/api";
 import { clearAuthState } from "../utils/auth";
 import Turnstile from "./Turnstile.vue";
 import Icon from "./Icon.vue";
@@ -125,7 +126,7 @@ const props = defineProps({
   action: {
     type: String,
     required: true,
-    validator: (value) => ["signup", "login", "reset_password"].includes(value),
+    validator: (value) => ["signup", "login", "reset"].includes(value),
   },
 });
 
@@ -203,7 +204,7 @@ const initiateAuth = async () => {
   error.value = null;
 
   try {
-    const response = await fetch("/api/auth/initiate/", {
+    const response = await apiFetch("/api/auth/init/", {
       method: "POST",
       headers: {
         "Content-Type": "application/json",

src/components/SetPasswordForm.vue

@@ -12,7 +12,7 @@
 
       <div>
         <label for="password" class="block text-sm/6 font-medium text-gray-900">
-          {{ action === "reset_password" ? "New Password" : "Password" }}
+          {{ action === "reset" ? "New Password" : "Password" }}
         </label>
         <div class="mt-2 relative">
           <input
@@ -156,6 +156,7 @@
 <script>
 import { ref, computed, watch } from "vue";
 import { getAuthState } from "../utils/auth";
+import { apiFetch } from "../utils/api";
 import { getCookie } from "../utils/cookies";
 import {
   calculatePasswordStrength,
@@ -176,7 +177,7 @@ export default {
     action: {
       type: String,
       required: true,
-      validator: (value) => ["signup", "reset_password"].includes(value),
+      validator: (value) => ["signup", "reset"].includes(value),
     },
     showBackButton: {
       type: Boolean,
@@ -305,7 +306,7 @@ export default {
             ? "/api/auth/signup/"
             : "/api/auth/password/";
 
-        const response = await fetch(endpoint, {
+        const response = await apiFetch(endpoint, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",