Improve imports

- Using `import type` makes the built bundle smaller
- `import type` clearly indicates that only types are being used, which improves code readability

Author: Sperling-0

src/Domain/Membership/MembershipApplicationConfirmationData.ts

@@ -1,7 +1,7 @@
-import { Salutation } from '@src/view_models/Salutation';
-import { MembershipApplication } from '@src/Domain/Membership/MembershipApplication';
-import { MembershipAddress } from '@src/Domain/Membership/MembershipAddress';
-import { Country } from '@src/view_models/Country';
+import type { Salutation } from '@src/view_models/Salutation';
+import type { MembershipApplication } from '@src/Domain/Membership/MembershipApplication';
+import type { MembershipAddress } from '@src/Domain/Membership/MembershipAddress';
+import type { Country } from '@src/view_models/Country';
 
 export interface MembershipApplicationConfirmationData {
 	piwik: {

src/api/AddressChangeResource.ts

@@ -1,6 +1,6 @@
-import { Address } from '@src/view_models/Address';
+import type { Address } from '@src/view_models/Address';
 import axios, { AxiosResponse } from 'axios';
-import { UpdateAddressResponse } from '@src/api/UpdateAddressResponse';
+import type { UpdateAddressResponse } from '@src/api/UpdateAddressResponse';
 
 export interface AddressChangeResource {
 	put: ( data: Address ) => Promise<UpdateAddressResponse>;

src/api/BankValidationResource.ts

@@ -1,4 +1,4 @@
-import { BankAccountNumberRequest, BankAccountResponse, BankIbanRequest } from '@src/view_models/BankAccount';
+import type { BankAccountNumberRequest, BankAccountResponse, BankIbanRequest } from '@src/view_models/BankAccount';
 import axios from 'axios';
 
 export interface BankValidationResource {

src/api/DonorResource.ts

@@ -1,6 +1,6 @@
-import { Address } from '@src/view_models/Address';
+import type { Address } from '@src/view_models/Address';
 import axios, { AxiosResponse } from 'axios';
-import { UpdateDonorRequest } from '@src/api/UpdateDonorRequest';
+import type { UpdateDonorRequest } from '@src/api/UpdateDonorRequest';
 
 export interface DonorResource {
 	put: ( data: UpdateDonorRequest ) => Promise<Address>;

src/components/layout/LocaleSelector.vue

@@ -52,7 +52,8 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
 import Cookies from 'js-cookie';
-import { COOKIE_NAME, DEFAULT_LOCALE, LOCALES, LocaleSelectorItem } from '@src/util/createLocalisation';
+import { COOKIE_NAME, DEFAULT_LOCALE, LOCALES } from '@src/util/createLocalisation';
+import type { LocaleSelectorItem } from '@src/util/createLocalisation';
 import ChevronDown from '@src/components/shared/icons/ChevronDown.vue';
 import LocaleIcon from '@src/components/shared/icons/LocaleIcon.vue';
 import RadioFormInput from '@src/components/shared/form_elements/RadioFormInput.vue';

src/components/pages/CommentList.vue

@@ -36,7 +36,7 @@
 </template>
 
 <script setup lang="ts">
-import { Comment } from '@src/view_models/Comment';
+import type { Comment } from '@src/view_models/Comment';
 import { computed, onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';
 import ChevronLeftIcon from '@src/components/shared/icons/ChevronLeftIcon.vue';

src/components/pages/CommentTicker.vue

@@ -45,7 +45,7 @@
 
 <script setup lang="ts">
 
-import { Comment } from '@src/view_models/Comment';
+import type { Comment } from '@src/view_models/Comment';
 import { computed, onMounted, ref } from 'vue';
 import { useCommentResource } from '@src/components/pages/useCommentResource';
 import Logo from '@src/components/layout/Logo.vue';

src/components/pages/Contact.vue

@@ -116,19 +116,19 @@
 import { computed, nextTick, reactive, ref, watch } from 'vue';
 import { Helper } from '@src/store/util';
 import { Validity } from '@src/view_models/Validity';
-import { ContactFormValidation } from '@src/view_models/Validation';
+import type { ContactFormValidation } from '@src/view_models/Validation';
 import { trackFormSubmission } from '@src/util/tracking';
 import TextField from '@src/components/shared/form_fields/TextField.vue';
 import EmailField from '@src/components/shared/form_fields/EmailField.vue';
 import SelectField from '@src/components/shared/form_fields/SelectField.vue';
 import FormButton from '@src/components/shared/form_elements/FormButton.vue';
 import FormSection from '@src/components/shared/form_elements/FormSection.vue';
-import { ContactInitialFormData } from '@src/components/pages/contact/ContactInitialFormData';
-import { ContactFormData } from '@src/components/pages/contact/ContactFormData';
+import type { ContactInitialFormData } from '@src/components/pages/contact/ContactInitialFormData';
+import type { ContactFormData } from '@src/components/pages/contact/ContactFormData';
 import ErrorSummary from '@src/components/shared/validation_summary/ErrorSummary.vue';
 import ScrollTarget from '@src/components/shared/ScrollTarget.vue';
 import { useI18n } from 'vue-i18n';
-import { ValidationSummaryItem } from '@src/components/shared/validation_summary/ValidationSummaryItem';
+import type { ValidationSummaryItem } from '@src/components/shared/validation_summary/ValidationSummaryItem';
 
 defineOptions( {
 	name: 'Contact',

src/components/pages/DonationConfirmation.vue

@@ -96,11 +96,11 @@
 import { computed, ref } from 'vue';
 import MembershipInfo from '@src/components/pages/donation_confirmation/MembershipInfo.vue';
 import { AddressTypeModel, addressTypeName } from '@src/view_models/AddressTypeModel';
-import { Country } from '@src/view_models/Country';
-import { Address } from '@src/view_models/Address';
-import { Donation } from '@src/view_models/Donation';
-import { AddressValidation } from '@src/view_models/Validation';
-import { Salutation } from '@src/view_models/Salutation';
+import type { Country } from '@src/view_models/Country';
+import type { Address } from '@src/view_models/Address';
+import type { Donation } from '@src/view_models/Donation';
+import type { AddressValidation } from '@src/view_models/Validation';
+import type { Salutation } from '@src/view_models/Salutation';
 import SuccessMessage from '@src/components/pages/donation_confirmation/SuccessMessage.vue';
 import SuccessMessageBankTransfer from '@src/components/pages/donation_confirmation/SuccessMessageBankTransfer.vue';
 import AddressKnown from '@src/components/pages/donation_confirmation/AddressKnown.vue';
@@ -109,7 +109,7 @@ import DonationSurvey from '@src/components/pages/donation_confirmation/Donation
 import DonationCommentPopUp from '@src/components/pages/donation_confirmation/DonationCommentPopUp.vue';
 import ChevronDownIcon from '@src/components/shared/icons/ChevronDown.vue';
 import DonationExported from '@src/components/pages/donation_confirmation/DonationExported.vue';
-import { DonorResource } from '@src/api/DonorResource';
+import type { DonorResource } from '@src/api/DonorResource';
 import ModalDialogue from '@src/components/shared/ModalDialogue.vue';
 import AddressUpdateForm from '@src/components/pages/donation_confirmation/AddressUpdateForm.vue';
 

src/components/pages/DonationForm.vue

@@ -17,11 +17,11 @@
 </template>
 
 <script setup lang="ts">
-import { TrackingData } from '@src/view_models/TrackingData';
-import { Country } from '@src/view_models/Country';
-import { AddressValidation } from '@src/view_models/Validation';
-import { Salutation } from '@src/view_models/Salutation';
-import { CampaignValues } from '@src/view_models/CampaignValues';
+import type { TrackingData } from '@src/view_models/TrackingData';
+import type { Country } from '@src/view_models/Country';
+import type { AddressValidation } from '@src/view_models/Validation';
+import type { Salutation } from '@src/view_models/Salutation';
+import type { CampaignValues } from '@src/view_models/CampaignValues';
 import StandardDonationForm from '@src/components/pages/donation_form/SubPages/DonationForm.vue';
 import ReceiptDonationForm from '@src/components/pages/donation_form/SubPages/DonationFormReceipt.vue';
 import ChoiceDonationForm from '@src/components/pages/donation_form/SubPages/DonationFormAnonymousChoice.vue';