fix: broken component import in prod

components/landing/CTA.vue

@@ -37,7 +37,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "@nuxtjs/composition-api"
+
+export default defineComponent({
   data() {
     return {
       ctas: [
@@ -74,5 +76,5 @@ export default {
       ],
     }
   },
-}
+})
 </script>

components/landing/Features.vue

@@ -30,7 +30,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "@nuxtjs/composition-api"
+
+export default defineComponent({
   data() {
     return {
       features: [
@@ -79,5 +81,5 @@ export default {
       ],
     }
   },
-}
+})
 </script>

components/landing/Footer.vue

@@ -62,7 +62,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "@nuxtjs/composition-api"
+
+export default defineComponent({
   data() {
     return {
       navigation: {
@@ -151,7 +153,7 @@ export default {
       },
     }
   },
-}
+})
 </script>
 
 <style scoped lang="scss">

components/landing/Hero.vue

@@ -59,11 +59,13 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "@nuxtjs/composition-api"
+
+export default defineComponent({
   data() {
     return {
       showLogin: false,
     }
   },
-}
+})
 </script>

components/landing/Stats.vue

@@ -13,7 +13,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "@nuxtjs/composition-api"
+
+export default defineComponent({
   data() {
     return {
       stats: [
@@ -23,5 +25,5 @@ export default {
       ],
     }
   },
-}
+})
 </script>

components/landing/Users.vue

@@ -21,7 +21,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "@nuxtjs/composition-api"
+
+export default defineComponent({
   data() {
     return {
       users: [
@@ -40,5 +42,5 @@ export default {
       ],
     }
   },
-}
+})
 </script>