make astro module scripts view transition aware

src/pages/feedback.astro

@@ -32,6 +32,7 @@ import Input from '@components/input/Input.svelte';
   import { popupState } from '@components/popup/Popup';
   import { actionErrorPopup } from '../util/action';
 
+  function setupForm() {
     const form = document.getElementById('feedback-contact') as HTMLFormElement;
     const type = document.getElementById('type') as HTMLSelectElement;
     const content = document.getElementById('content') as HTMLTextAreaElement;
@@ -76,7 +77,7 @@ import Input from '@components/input/Input.svelte';
       }
     });
 
-  async function sendFeedback() {
+    const sendFeedback = async () => {
       const { error } = await actions.feedback.addWebsiteFeedback({
         content: content.value
       });
@@ -91,9 +92,9 @@ import Input from '@components/input/Input.svelte';
         title: 'Feedback abgeschickt',
         message: 'Dein Feedback wurde abgeschickt. Vielen Dank, dass du uns hilfst, das Projekt besser zu machen!'
       });
-  }
+    };
 
-  async function sendContact() {
+    const sendContact = async () => {
       const { error } = await actions.feedback.addWebsiteContact({
         content: content.value,
         email: email.value
@@ -109,5 +110,13 @@ import Input from '@components/input/Input.svelte';
         title: 'Kontaktanfrage abgeschickt',
         message: 'Deine Kontaktanfrage wurde abgeschickt. Jemand aus dem Team wird sich nächstmöglich bei Dir melden.'
       });
+    };
   }
+
+  const pathname = document.location.pathname;
+  document.addEventListener('astro:page-load', () => {
+    if (document.location.pathname !== pathname) return;
+
+    setupForm();
+  });
 </script>

src/pages/signup.astro

@@ -155,8 +155,8 @@ const signupDisabledSubMessage = signupSetting[SettingKey.SignupDisabledSubMessa
   import { teamPopupName, teamPopupOpen } from '@app/website/signup/TeamPopup';
   import { registeredPopupState } from '@app/website/signup/RegisteredPopup';
 
-  /* ----- client validation ----- */
-  const rulesCheckbox = document.getElementById('rules')! as HTMLInputElement;
+  function setupClientValidation() {
+    const rulesCheckbox = document.getElementById('rules') as HTMLInputElement;
     const rulesCheckboxRulesLink = rulesCheckbox.nextElementSibling!.querySelector('.link') as HTMLAnchorElement;
 
     // add popup state subscriber to check when the accepted button is clicked
@@ -174,14 +174,15 @@ const signupDisabledSubMessage = signupSetting[SettingKey.SignupDisabledSubMessa
 
     // add click handler to open rules popup when clicking the rules link in the rules checkbox label
     rulesCheckboxRulesLink!.addEventListener('click', () => rulesPopupState.set('open'));
+  }
 
-  /* ----- signup form ----- */
+  function setupForm() {
     const form = document.getElementById('signup')! as HTMLFormElement;
 
     // reset form on site (re-)load
     form.reset();
 
-  async function sendSignup() {
+    const sendSignup = async () => {
       const { data, error } = await actions.signup.signup({
         firstname: form.firstname.value,
         lastname: form.lastname.value,
@@ -234,10 +235,19 @@ const signupDisabledSubMessage = signupSetting[SettingKey.SignupDisabledSubMessa
         cancel();
         form.reset();
       });
-  }
+    };
 
     form.addEventListener('submit', (e) => {
       e.preventDefault();
       sendSignup();
     });
+  }
+
+  const pathname = document.location.pathname;
+  document.addEventListener('astro:page-load', () => {
+    if (document.location.pathname !== pathname) return;
+
+    setupClientValidation();
+    setupForm();
+  });
 </script>