fix: correct imports

nuxt/components/_/Breadcrumbs.vue

@@ -35,7 +35,10 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, PropType, useRoute } from '#app'
+import { computed, defineComponent, PropType } from 'vue'
+
+import { useRoute } from '#app'
+
 import { getQueryString } from '~/plugins/util/util'
 
 interface Breadcrumb {

nuxt/components/_/DropDown.vue

@@ -23,9 +23,9 @@
 </template>
 
 <script lang="ts">
-import { reactive, ref } from 'vue'
+import { defineComponent, reactive, ref } from 'vue'
 
-import { defineComponent, useNuxtApp } from '#app'
+import { useNuxtApp } from '#app'
 
 export default defineComponent({
   setup() {

nuxt/components/_/Error.vue

@@ -25,9 +25,10 @@
 
 <script lang="ts">
 import { status } from '@http-util/status-i18n'
+import { computed, defineComponent, PropType } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import { computed, defineComponent, PropType, useNuxtApp } from '#app'
+import { useNuxtApp } from '#app'
 
 export default defineComponent({
   name: 'MaevsiError',

nuxt/components/_/Header.vue

@@ -94,15 +94,11 @@
 </template>
 
 <script lang="ts">
-import {
-  defineComponent,
-  navigateTo,
-  onBeforeMount,
-  reactive,
-  useNuxtApp,
-} from '#app'
-import { useMaevsiStore } from '~/store'
+import { defineComponent, onBeforeMount, reactive } from 'vue'
+
+import { navigateTo, useNuxtApp } from '#app'
 
+import { useMaevsiStore } from '~/store'
 import supportedBrowsers from '~/supportedBrowsers'
 
 export default defineComponent({

nuxt/components/_/ImageUploadGallery.vue

@@ -122,11 +122,17 @@ import Tus from '@uppy/tus'
 import consola from 'consola'
 import prettyBytes from 'pretty-bytes'
 import Swal from 'sweetalert2'
-import { computed, onBeforeUnmount, ref, watch } from 'vue'
+import {
+  defineComponent,
+  PropType,
+  reactive,
+  computed,
+  onBeforeUnmount,
+  ref,
+  watch,
+} from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import { defineComponent, PropType, reactive } from '#app'
-
 import {
   useAccountUploadQuotaBytesQuery,
   useAllUploadsQuery,

nuxt/components/_/Menu.vue

@@ -95,7 +95,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive } from '#app'
+import { defineComponent, reactive } from 'vue'
 
 import { useMaevsiStore } from '~/store'
 

nuxt/components/_/ScrollContainer.vue

@@ -11,14 +11,7 @@
 <script lang="ts">
 import { ResizeSensor } from 'css-element-queries'
 import debounce from 'lodash-es/debounce'
-
-import {
-  defineComponent,
-  onBeforeUnmount,
-  onMounted,
-  reactive,
-  ref,
-} from '#app'
+import { defineComponent, onBeforeUnmount, onMounted, reactive, ref } from 'vue'
 
 export default defineComponent({
   props: {

nuxt/components/account/AccountProfilePicture.vue

@@ -12,15 +12,9 @@
 
 <script lang="ts">
 import consola from 'consola'
+import { computed, defineComponent, PropType, reactive, watch } from 'vue'
 
-import {
-  computed,
-  defineComponent,
-  PropType,
-  reactive,
-  useNuxtApp,
-  watch,
-} from '#app'
+import { useNuxtApp } from '#app'
 
 import { TUSD_FILES_URL } from '~/plugins/util/validation'
 import { getApiMeta } from '~/plugins/util/util'

nuxt/components/button/ButtonColored.vue

@@ -31,9 +31,7 @@
 </template>
 
 <script lang="ts">
-import { ref } from 'vue'
-
-import { defineComponent, PropType } from 'vue'
+import { defineComponent, PropType, ref } from 'vue'
 
 export default defineComponent({
   props: {

nuxt/components/button/ButtonMenu.vue

@@ -13,9 +13,9 @@
 </template>
 
 <script lang="ts">
-import { reactive } from 'vue'
+import { defineComponent, PropType, reactive } from 'vue'
 
-import { defineComponent, PropType, useRoute } from '#app'
+import { useRoute } from '#app'
 
 export default defineComponent({
   props: {

nuxt/components/button/ButtonText.vue

@@ -20,9 +20,7 @@
 </template>
 
 <script lang="ts">
-import { ref } from 'vue'
-
-import { defineComponent, PropType } from 'vue'
+import { ref, defineComponent, PropType } from 'vue'
 
 export default defineComponent({
   props: {

nuxt/components/contact/ContactAvatar.vue

@@ -9,9 +9,7 @@
 </template>
 
 <script lang="ts">
-import { computed } from 'vue'
-
-import { defineComponent, PropType } from 'vue'
+import { computed, defineComponent, PropType } from 'vue'
 
 export default defineComponent({
   props: {

nuxt/components/contact/ContactList.vue

@@ -66,11 +66,8 @@
 <script lang="ts">
 import consola from 'consola'
 import debounce from 'lodash-es/debounce'
-import { computed } from 'vue'
-import VueI18n from 'vue-i18n'
-import { useI18n } from 'vue-i18n'
-
-import { defineComponent, reactive, ref, watch } from '#app'
+import { computed, defineComponent, reactive, ref, watch } from 'vue'
+import VueI18n, { useI18n } from 'vue-i18n'
 
 import { ITEMS_PER_PAGE_LARGE } from '~/plugins/util/constants'
 import { getApiMeta } from '~/plugins/util/util'

nuxt/components/contact/ContactListItem.vue

@@ -51,7 +51,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, reactive } from '#app'
+import { defineComponent, PropType, reactive } from 'vue'
 
 import { useMaevsiStore } from '~/store'
 import { Contact } from '~/types/contact'

nuxt/components/event/list/EventList.vue

@@ -29,9 +29,9 @@
 
 <script lang="ts">
 import consola from 'consola'
-import { computed, reactive, ref, watch } from 'vue'
+import { computed, reactive, ref, watch, defineComponent, PropType } from 'vue'
 
-import { useRoute, defineComponent, PropType } from '#app'
+import { useRoute } from '#app'
 
 import { ITEMS_PER_PAGE } from '~/plugins/util/constants'
 import { getApiMeta } from '~/plugins/util/util'

nuxt/components/event/list/EventListItem.vue

@@ -52,8 +52,7 @@
 import { htmlToText } from 'html-to-text'
 import DOMPurify from 'isomorphic-dompurify'
 import mustache from 'mustache'
-
-import { computed, defineComponent, PropType } from '#app'
+import { computed, defineComponent, PropType } from 'vue'
 
 import { Event as MaevsiEvent } from '~/types/event'
 

nuxt/components/form/Form.vue

@@ -42,9 +42,7 @@
 
 <script lang="ts">
 import { CombinedError } from '@urql/core'
-import { ref } from 'vue'
-
-import { computed, defineComponent, PropType } from '#app'
+import { ref, computed, defineComponent, PropType } from 'vue'
 
 import Button from '~/components/button/Button.vue'
 import { useGetCombinedErrorMessages } from '~/plugins/util/util'

nuxt/components/form/FormDelete.vue

@@ -24,11 +24,9 @@ import { minLength, required } from '@vuelidate/validators'
 import { CombinedError, UseMutationResponse } from '@urql/vue'
 import consola from 'consola'
 import Swal from 'sweetalert2'
-import { toRef } from 'vue'
+import { toRef, defineComponent, PropType, reactive } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import { defineComponent, PropType, reactive } from '#app'
-
 import { capitalizeFirstLetter, getApiDataDefault } from '~/plugins/util/util'
 import {
   formPreSubmit,

nuxt/components/form/FormRadioButton.vue

@@ -16,8 +16,7 @@
 
 <script lang="ts">
 import slugify from 'slugify'
-
-import { computed, defineComponent, PropType } from '#app'
+import { computed, defineComponent, PropType } from 'vue'
 
 export default defineComponent({
   props: {

nuxt/components/form/account/FormAccountRegistration.vue

@@ -56,10 +56,10 @@ import {
 } from '@vuelidate/validators'
 import consola from 'consola'
 import Swal from 'sweetalert2'
-import { toRef } from 'vue'
+import { computed, defineComponent, reactive, toRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import { computed, defineComponent, reactive, useNuxtApp } from '#app'
+import { useNuxtApp } from '#app'
 
 import {
   formPreSubmit,

nuxt/components/form/account/FormAccountSignIn.vue

@@ -55,10 +55,10 @@ import { useVuelidate } from '@vuelidate/core'
 import { maxLength, minLength, required } from '@vuelidate/validators'
 import consola from 'consola'
 import Swal from 'sweetalert2'
-import { reactive, toRef } from 'vue'
+import { reactive, toRef, defineComponent } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import { useNuxtApp, defineComponent, useRouter, navigateTo } from '#app'
+import { useNuxtApp, navigateTo } from '#app'
 
 import {
   formPreSubmit,

nuxt/components/form/account/password/FormAccountPasswordChange.vue

@@ -27,11 +27,9 @@ import { useVuelidate } from '@vuelidate/core'
 import { minLength, required } from '@vuelidate/validators'
 import consola from 'consola'
 import Swal from 'sweetalert2'
-import { reactive, ref, toRef } from 'vue'
+import { reactive, ref, toRef, computed, defineComponent } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import { computed, defineComponent } from '#app'
-
 import { FormType } from '~/components/form/Form.vue'
 import {
   formPreSubmit,

nuxt/components/form/account/password/FormAccountPasswordReset.vue

@@ -21,16 +21,10 @@ import { useVuelidate } from '@vuelidate/core'
 import { minLength, required } from '@vuelidate/validators'
 import consola from 'consola'
 import Swal from 'sweetalert2'
-import { reactive, toRef } from 'vue'
+import { reactive, toRef, computed, defineComponent } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import {
-  computed,
-  defineComponent,
-  useNuxtApp,
-  useRoute,
-  navigateTo,
-} from '#app'
+import { useNuxtApp, useRoute, navigateTo } from '#app'
 
 import {
   formPreSubmit,

nuxt/components/form/account/password/FormAccountPasswordResetRequest.vue

@@ -22,10 +22,10 @@ import { useVuelidate } from '@vuelidate/core'
 import { email, maxLength, required } from '@vuelidate/validators'
 import consola from 'consola'
 import Swal from 'sweetalert2'
-import { reactive, toRef } from 'vue'
+import { reactive, toRef, computed, defineComponent, PropType } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import { computed, defineComponent, PropType, useNuxtApp } from '#app'
+import { useNuxtApp } from '#app'
 
 import {
   formPreSubmit,

nuxt/components/form/contact/FormContact.vue

@@ -114,9 +114,8 @@
 import { useVuelidate } from '@vuelidate/core'
 import { email, helpers, maxLength } from '@vuelidate/validators'
 import consola from 'consola'
-import { reactive, toRef } from 'vue'
+import { reactive, toRef, computed, defineComponent, PropType } from 'vue'
 
-import { computed, defineComponent, PropType } from '#app'
 import { Contact } from '~/types/contact'
 import {
   formPreSubmit,

nuxt/components/form/event/FormEvent.vue

@@ -273,17 +273,10 @@ import { Datetime } from 'vue-datetime'
 import { DateTime, Settings } from 'luxon'
 import slugify from 'slugify'
 import Swal from 'sweetalert2'
-import { toRef } from 'vue'
+import { computed, defineComponent, PropType, reactive, toRef } from 'vue'
 import { useI18n } from 'vue-i18n'
 
-import {
-  computed,
-  defineComponent,
-  PropType,
-  reactive,
-  useNuxtApp,
-  navigateTo,
-} from '#app'
+import { useNuxtApp, navigateTo } from '#app'
 
 import { Event } from '~/types/event'
 import {

nuxt/components/form/input/FormInputPassword.vue

@@ -46,7 +46,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, PropType, reactive } from '#app'
+import { defineComponent, PropType, reactive } from 'vue'
 
 import { FormInputType } from '~/components/form/input/FormInput.vue'
 import { VALIDATION_PASSWORD_LENGTH_MINIMUM } from '~/plugins/util/validation'

nuxt/components/form/invitation/FormInvitation.vue

@@ -82,9 +82,16 @@
 import { useVuelidate } from '@vuelidate/core'
 import { minValue, required } from '@vuelidate/validators'
 import consola from 'consola'
-import { computed, reactive, ref, toRef } from 'vue'
+import {
+  computed,
+  reactive,
+  ref,
+  toRef,
+  defineComponent,
+  PropType,
+  watch,
+} from 'vue'
 
-import { defineComponent, PropType, watch } from '#app'
 import { ITEMS_PER_PAGE_LARGE } from '~/plugins/util/constants'
 import { formPreSubmit } from '~/plugins/util/validation'
 import { Contact } from '~/types/contact'

nuxt/components/invitation/InvitationList.vue

@@ -194,19 +194,18 @@ import {
 import consola from 'consola'
 import Swal from 'sweetalert2'
 import { Doughnut } from 'vue-chartjs/legacy'
-import { useI18n } from 'vue-i18n'
-
 import {
   computed,
   defineComponent,
   onMounted,
   PropType,
   reactive,
   ref,
-  useNuxtApp,
-  useRuntimeConfig,
   watch,
-} from '#app'
+} from 'vue'
+import { useI18n } from 'vue-i18n'
+
+import { useNuxtApp, useRuntimeConfig } from '#app'
 import { copyText, getApiMeta } from '~/plugins/util/util'
 import { Invitation } from '~/types/invitation'
 import { ITEMS_PER_PAGE_LARGE } from '~/plugins/util/constants'