251212_register

bobu/app/components/auth/register-form.vue

@@ -406,15 +406,19 @@ import useUserStore from '@/stores/user';
 import { checkEmailDuplicate } from '@/utils/firebaseUtils';
 import AppTermsofUse from '~/components/TermsofUse.vue';
 import AppLoadingOverlay from '~/components/LoadingOverlay.vue';
-import {
-  auth,
-  phoneNumberAuth,
-  createRecaptchaVerifier,
-} from '@/utils/firebaseUtils';
+import { useNuxtApp } from '#app';
+import { signInWithPhoneNumber } from 'firebase/auth';
+const { $firebase, $createRecaptchaVerifier } = useNuxtApp();
+
+const firebaseAuth = $firebase.auth;
+const createRecaptchaVerifier =
+  $firebase.createRecaptchaVerifier ?? $createRecaptchaVerifier;
+
+// ② If you did NOT touch the plugin, just use:
+/// const createRecaptchaVerifier = $createRecaptchaVerifier;
 
 const router = useRouter();
 const userStore = useUserStore();
-const { signInWithPhoneNumber } = phoneNumberAuth;
 const emits = defineEmits(['register-success']);
 
 /* ---------- STEP control ---------- */
@@ -500,7 +504,6 @@ watch(
 );
 
 /* ---------- Phone verification ---------- */
-const firebaseAuth = auth;
 const rawPhoneNumber = ref('');
 const phoneNumber = ref('');
 const smsCode = ref('');