Make footer link and organization name configurable

components/Footer.vue

@@ -2,12 +2,12 @@
     <!-- <div class="decoration-slice bg-gentleBlue p-4" /> -->
     <div id="footer" class="bg-eSciencePurple p-2 font-body text-eScienceWhite text-sm text-center z-10">
       <div class="text-center">
-        These materials are developed by the <a href="https://www.esciencecenter.nl">Netherlands eScience Center</a>. Licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC-BY 4.0</a> unless otherwise noted.
+        These materials are developed by the <NuxtLink :to="`${config.organizationURL}`" target="_blank"> {{ config.organization}}</NuxtLink>. Licensed under <a href="https://creativecommons.org/licenses/by/4.0/">CC-BY 4.0</a> unless otherwise noted.
       </div>
 
     </div>
 </template>
 
-<script>
-export default {}
+<script setup lang="ts">
+  const config = useRuntimeConfig().public
 </script>