feat: 個資條款

app/citizen-frontend/src/pages/register.vue

@@ -146,12 +146,20 @@
                   </v-col>
                 </v-row>
 
-                <v-checkbox
-                  v-model="form.consent"
-                  class="mb-3"
-                  color="primary"
-                  label="我已閱讀並同意個資授權條款"
-                />
+                <v-checkbox v-model="form.consent" class="mb-3" color="primary">
+                  <template #label>
+                    <span>
+                      我已閱讀並同意
+                      <button
+                        class="text-primary text-decoration-underline"
+                        type="button"
+                        @click.stop="showPrivacyConsent = true"
+                      >
+                        個資授權條款
+                      </button>
+                    </span>
+                  </template>
+                </v-checkbox>
 
                 <v-btn
                   block
@@ -174,6 +182,8 @@
         </v-col>
       </v-row>
     </v-container>
+
+    <PrivacyConsentDialog v-model="showPrivacyConsent" />
   </v-app>
 </template>
 
@@ -183,6 +193,7 @@ import { useRoute, useRouter } from "vue-router";
 import type { Gender, RegisterRequest } from "@/api/types";
 import { CONSENT_VERSION } from "@/api/types";
 import BrandAvatar from "@/components/BrandAvatar.vue";
+import PrivacyConsentDialog from "@/components/PrivacyConsentDialog.vue";
 import { useAppStore } from "@/stores/app";
 import {
   getApiErrorStatus,
@@ -197,6 +208,7 @@ import {
 const store = useAppStore();
 const route = useRoute();
 const router = useRouter();
+const showPrivacyConsent = ref(false);
 const existingDraft = readGuestSelfAssessmentDraft();
 const routePhone = normalizePhone(String(route.query.phone ?? ""));
 const initialProfile = existingDraft?.profile;