diff --git a/nuxt-frontend/components/partials/NewFooter.vue b/nuxt-frontend/components/partials/NewFooter.vue
index afc0ba649..99d143d6f 100644
--- a/nuxt-frontend/components/partials/NewFooter.vue
+++ b/nuxt-frontend/components/partials/NewFooter.vue
@@ -52,48 +52,42 @@
   </div>
 </template>
 
-<script type="module">
+<script setup>
 import bg from "@/assets/images/footer/new-bg.svg";
 import Config from "@/config.js";
 
-export default {
-  data() {
-    return {
-      bg,
-      socialMediaIcons: [
-        {
-          url: Config.FACEBOOK_URL,
-          icon: "fa6-brands:facebook-f",
-          event: "tap_footer_facebook",
-        },
-        {
-          url: Config.INSTAGRAM_URL,
-          icon: "fa6-brands:instagram",
-          event: "tap_footer_instagram",
-        },
-        {
-          url: Config.TWITTER_URL,
-          icon: "fa6-brands:x-twitter",
-          event: "tap_footer_twitter",
-        },
-        {
-          url: Config.BLOG_URL,
-          icon: "fa6-brands:medium",
-          event: "tap_footer_medium",
-        },
-        {
-          url: Config.LINKEDIN_URL,
-          icon: "fa6-brands:linkedin-in",
-          event: "tap_footer_linkedin",
-        },
-        {
-          url: Config.YOUTUBE_URL,
-          icon: "fa6-brands:youtube",
-          event: "tap_footer_youtube",
-        },
-      ],
-    };
+const { $mixpanel } = useNuxtApp();
+
+let socialMediaIcons = [
+  {
+    url: Config.FACEBOOK_URL,
+    icon: "fa6-brands:facebook-f",
+    event: "tap_footer_facebook",
+  },
+  {
+    url: Config.INSTAGRAM_URL,
+    icon: "fa6-brands:instagram",
+    event: "tap_footer_instagram",
+  },
+  {
+    url: Config.TWITTER_URL,
+    icon: "fa6-brands:x-twitter",
+    event: "tap_footer_twitter",
+  },
+  {
+    url: Config.BLOG_URL,
+    icon: "fa6-brands:medium",
+    event: "tap_footer_medium",
+  },
+  {
+    url: Config.LINKEDIN_URL,
+    icon: "fa6-brands:linkedin-in",
+    event: "tap_footer_linkedin",
+  },
+  {
+    url: Config.YOUTUBE_URL,
+    icon: "fa6-brands:youtube",
+    event: "tap_footer_youtube",
   },
-  inject: ["mixpanel"],
-};
+];
 </script>
diff --git a/nuxt-frontend/pages/jobs/index.vue b/nuxt-frontend/pages/jobs/index.vue
index c9a2e9379..c37c834ec 100644
--- a/nuxt-frontend/pages/jobs/index.vue
+++ b/nuxt-frontend/pages/jobs/index.vue
@@ -13,9 +13,9 @@
       class="block md:hidden"
       v-on:add-animation="handleAnimationOnScroll"
     />
-    <Career id="career" ref="footer"/>
+    <Career id="career" />
     <FaqSection v-on:add-animation="handleAnimationOnScroll" />
-    <NewFooter  />
+    <NewFooter ref="footer" />
   </div>
 </template>