fix: broken component import in prod

components/app/GitHubStarButton.vue

@@ -19,9 +19,10 @@
 </template>
 
 <script>
+import { defineComponent } from "@nuxtjs/composition-api"
 import GithubButton from "vue-github-button"
 
-export default {
+export default defineComponent({
   components: {
     GithubButton,
   },
@@ -31,5 +32,5 @@ export default {
       default: undefined,
     },
   },
-}
+})
 </script>

components/app/Search.vue

@@ -75,10 +75,11 @@
 </template>
 
 <script>
+import { defineComponent } from "@nuxtjs/composition-api"
 import { invokeAction } from "~/helpers/actions"
 import { spotlight } from "~/helpers/shortcuts"
 
-export default {
+export default defineComponent({
   props: {
     show: Boolean,
   },
@@ -107,7 +108,7 @@ export default {
       invokeAction(command, "path_from_invokeAction")
     },
   },
-}
+})
 </script>
 
 <style lang="scss" scoped>

components/app/Section.vue

@@ -5,9 +5,9 @@
 </template>
 
 <script lang="ts">
-import Vue from "vue"
+import { defineComponent } from "@nuxtjs/composition-api"
 
-export default Vue.extend({
+export default defineComponent({
   props: {
     label: {
       type: String,

components/app/Share.vue

@@ -35,8 +35,10 @@
 </template>
 
 <script>
+import { defineComponent } from "@nuxtjs/composition-api"
 import { copyToClipboard } from "~/helpers/utils/clipboard"
-export default {
+
+export default defineComponent({
   props: {
     show: Boolean,
   },
@@ -95,7 +97,7 @@ export default {
       this.$emit("hide-modal")
     },
   },
-}
+})
 </script>
 
 <style lang="scss" scoped>

components/app/Shortcuts.vue

@@ -81,9 +81,10 @@
 </template>
 
 <script>
+import { defineComponent } from "@nuxtjs/composition-api"
 import shortcuts from "~/helpers/shortcuts"
 
-export default {
+export default defineComponent({
   props: {
     show: Boolean,
   },
@@ -103,7 +104,7 @@ export default {
       this.$emit("close")
     },
   },
-}
+})
 </script>
 
 <style lang="scss" scoped>

components/app/SlideOver.vue

@@ -35,7 +35,9 @@
 </template>
 
 <script>
-export default {
+import { defineComponent } from "@nuxtjs/composition-api"
+
+export default defineComponent({
   props: {
     show: {
       type: Boolean,
@@ -64,5 +66,5 @@ export default {
       this.$emit("close")
     },
   },
-}
+})
 </script>

components/app/Support.vue

@@ -74,10 +74,11 @@
 </template>
 
 <script>
+import { defineComponent } from "@nuxtjs/composition-api"
 import { invokeAction } from "~/helpers/actions"
 import { showChat } from "~/helpers/support"
 
-export default {
+export default defineComponent({
   props: {
     show: Boolean,
   },
@@ -92,5 +93,5 @@ export default {
       this.$emit("hide-modal")
     },
   },
-}
+})
 </script>