From 01b9830e96c9a9fdbe203007ee610bb2298fb5b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eddybrando=20V=C3=A1squez?= <eddybrando.vasquez@gmail.com>
Date: Wed, 17 Jan 2024 15:58:16 +0100
Subject: [PATCH] fix: multiple TypeScript issues (#3631)

* fix: type imports and exports

* fix: wrong types and lint

* fix: missing type

* style: lint fix

* style: prefer `type { ... }` over `{ type ... }`
---
 .../MeetTheAdvocates/AdvocatesMeetTheAdvocates.vue       | 5 +++--
 .../MeetTheAdvocates/AdvocatesMeetTheAdvocatesCard.vue   | 2 +-
 components/Events/EventsCard.vue                         | 2 +-
 .../Events/FollowOurCalendar/EventsFollowOurCalendar.vue | 2 +-
 .../EventsFollowOurCalendarInstructionsGoogle.vue        | 4 +++-
 .../EventsFallFest/EventsFallFestUniversityDirectory.vue | 2 +-
 .../EventsSummerSchool/EventsSummerSchoolFaq2022.vue     | 2 +-
 .../EventsSummerSchool/EventsSummerSchoolFaq2023.vue     | 2 +-
 components/Layout/Footer/LayoutFooter.vue                | 2 +-
 components/Layout/Footer/LayoutFooterLinksGroup.vue      | 4 ++--
 components/Layout/LeadSpace/LayoutLeadSpaceWithCard.vue  | 2 +-
 components/Ui/DataTable/UiDataTable.vue                  | 2 +-
 components/Ui/Link/UiLink.vue                            | 2 +-
 components/Ui/Link/UiLinkText.vue                        | 2 +-
 components/Ui/Mosaic/UiMosaic.vue                        | 2 +-
 components/Ui/Mosaic/UiMosaicSection.vue                 | 2 +-
 components/Ui/UiCard.vue                                 | 4 ++--
 components/Ui/UiCta.vue                                  | 4 ++--
 components/Ui/UiDescriptionCard.vue                      | 2 +-
 components/Ui/UiHelpfulResources.vue                     | 2 +-
 components/Ui/UiJoinWithCards.vue                        | 2 +-
 composables/useSegment.ts                                | 2 +-
 constants/fallFest2022Content.ts                         | 2 +-
 constants/fallFest2023Content.ts                         | 2 +-
 constants/links.ts                                       | 2 +-
 constants/summerSchool2022Content.ts                     | 2 +-
 constants/summerSchool2023Content.ts                     | 2 +-
 hooks/advocate-conversion-utils.ts                       | 2 +-
 hooks/airtable-conversion-utils.ts                       | 2 +-
 hooks/event-conversion-utils.ts                          | 8 +++++---
 hooks/fall-fest-extension-event-conversion.utils.ts      | 2 +-
 hooks/fall-fest-partner-event-conversion.utils.ts        | 2 +-
 pages/advocates.vue                                      | 2 +-
 pages/events/fall-fest-2022.vue                          | 2 +-
 pages/events/index.vue                                   | 2 +-
 pages/events/seminar-series.vue                          | 8 ++++----
 plugins/trackClick.ts                                    | 4 ++--
 tests/hooks/advocate-conversion-utils.spec.ts            | 2 +-
 tests/hooks/airtable-conversion-utils.spec.ts            | 2 +-
 tests/hooks/event-conversion-utils.spec.ts               | 9 +++------
 types/advocates.ts                                       | 4 +++-
 types/events.ts                                          | 9 ++++-----
 types/fall-fest.ts                                       | 2 +-
 types/links.ts                                           | 4 ++--
 types/uiComponents.ts                                    | 6 +++---
 45 files changed, 70 insertions(+), 67 deletions(-)

diff --git a/components/Advocates/MeetTheAdvocates/AdvocatesMeetTheAdvocates.vue b/components/Advocates/MeetTheAdvocates/AdvocatesMeetTheAdvocates.vue
index dccd744146..06530c2d17 100644
--- a/components/Advocates/MeetTheAdvocates/AdvocatesMeetTheAdvocates.vue
+++ b/components/Advocates/MeetTheAdvocates/AdvocatesMeetTheAdvocates.vue
@@ -13,7 +13,7 @@
           area.
         </p>
         <p>
-          <UiLinkText :url="joinSlackLink">
+          <UiLinkText :link="{ url: joinSlackLink }">
             Sign-up for the Qiskit Slack workspace
           </UiLinkText>
           to reach the advocates and join the conversation.
@@ -71,7 +71,8 @@
 </template>
 
 <script setup lang="ts">
-import { ADVOCATES_WORLD_REGION_OPTIONS, Advocate } from "~/types/advocates";
+import { ADVOCATES_WORLD_REGION_OPTIONS } from "~/types/advocates";
+import type { Advocate } from "~/types/advocates";
 import rawAdvocates from "~/content/advocates/advocates.json";
 
 const advocates = rawAdvocates as Advocate[];
diff --git a/components/Advocates/MeetTheAdvocates/AdvocatesMeetTheAdvocatesCard.vue b/components/Advocates/MeetTheAdvocates/AdvocatesMeetTheAdvocatesCard.vue
index 1a4ead0cec..a4d16fe216 100644
--- a/components/Advocates/MeetTheAdvocates/AdvocatesMeetTheAdvocatesCard.vue
+++ b/components/Advocates/MeetTheAdvocates/AdvocatesMeetTheAdvocatesCard.vue
@@ -15,7 +15,7 @@
       class="advocates-meet-the-advocates-card__contact"
     >
       <LogoSlack20 class="advocates-meet-the-advocates-card__icon" />
-      <UiLinkText :url="`https://qiskit.slack.com/team/${slackId}`">
+      <UiLinkText :link="{ url: `https://qiskit.slack.com/team/${slackId}` }">
         @{{ slackUsername }}
       </UiLinkText>
     </div>
diff --git a/components/Events/EventsCard.vue b/components/Events/EventsCard.vue
index e734e7627a..407278902b 100644
--- a/components/Events/EventsCard.vue
+++ b/components/Events/EventsCard.vue
@@ -38,7 +38,7 @@ import Calendar20 from "@carbon/icons-vue/lib/calendar/20";
 import Education20 from "@carbon/icons-vue/lib/education/20";
 import Map20 from "@carbon/icons-vue/lib/map/20";
 import Time20 from "@carbon/icons-vue/lib/time/20";
-import { CtaClickedEventProp } from "~/types/segment";
+import type { CtaClickedEventProp } from "~/types/segment";
 
 interface Props {
   types?: string[];
diff --git a/components/Events/FollowOurCalendar/EventsFollowOurCalendar.vue b/components/Events/FollowOurCalendar/EventsFollowOurCalendar.vue
index f7abc60a48..ec3c601699 100644
--- a/components/Events/FollowOurCalendar/EventsFollowOurCalendar.vue
+++ b/components/Events/FollowOurCalendar/EventsFollowOurCalendar.vue
@@ -48,7 +48,7 @@
 import EventsFollowOurCalendarInstructionsApple from "~/components/Events/FollowOurCalendar/Instructions/EventsFollowOurCalendarInstructionsApple.vue";
 import EventsFollowOurCalendarInstructionsGoogle from "~/components/Events/FollowOurCalendar/Instructions/EventsFollowOurCalendarInstructionsGoogle.vue";
 import EventsFollowOurCalendarInstructionsOutlook from "~/components/Events/FollowOurCalendar/Instructions/EventsFollowOurCalendarInstructionsOutlook.vue";
-import { TextLink } from "~/types/links";
+import type { TextLink } from "~/types/links";
 
 const calendarsInstructions = [
   {
diff --git a/components/Events/FollowOurCalendar/Instructions/EventsFollowOurCalendarInstructionsGoogle.vue b/components/Events/FollowOurCalendar/Instructions/EventsFollowOurCalendarInstructionsGoogle.vue
index adc8f0440b..199c4f15a2 100644
--- a/components/Events/FollowOurCalendar/Instructions/EventsFollowOurCalendarInstructionsGoogle.vue
+++ b/components/Events/FollowOurCalendar/Instructions/EventsFollowOurCalendarInstructionsGoogle.vue
@@ -3,7 +3,9 @@
     <bx-list-item>
       Open your Google Calendar by visiting
       <UiLinkText
-        url="https://calendar.google.com/calendar/u/0/r/settings/addbyurl?pli=1"
+        :link="{
+          url: 'https://calendar.google.com/calendar/u/0/r/settings/addbyurl?pli=1',
+        }"
       >
         this link
       </UiLinkText>
diff --git a/components/EventsFallFest/EventsFallFestUniversityDirectory.vue b/components/EventsFallFest/EventsFallFestUniversityDirectory.vue
index 9e693172b2..058c96329c 100644
--- a/components/EventsFallFest/EventsFallFestUniversityDirectory.vue
+++ b/components/EventsFallFest/EventsFallFestUniversityDirectory.vue
@@ -40,7 +40,7 @@
 </template>
 
 <script setup lang="ts">
-import { TextLink } from "~/types/links";
+import type { TextLink } from "~/types/links";
 
 type University = {
   image: string;
diff --git a/components/EventsSummerSchool/EventsSummerSchoolFaq2022.vue b/components/EventsSummerSchool/EventsSummerSchoolFaq2022.vue
index d16ec9596a..0856fde938 100644
--- a/components/EventsSummerSchool/EventsSummerSchoolFaq2022.vue
+++ b/components/EventsSummerSchool/EventsSummerSchoolFaq2022.vue
@@ -200,7 +200,7 @@
 </template>
 
 <script setup lang="ts">
-import { Link } from "~/types/links";
+import type { Link } from "~/types/links";
 
 const config = useRuntimeConfig();
 
diff --git a/components/EventsSummerSchool/EventsSummerSchoolFaq2023.vue b/components/EventsSummerSchool/EventsSummerSchoolFaq2023.vue
index 923b430f66..7898fb35c5 100644
--- a/components/EventsSummerSchool/EventsSummerSchoolFaq2023.vue
+++ b/components/EventsSummerSchool/EventsSummerSchoolFaq2023.vue
@@ -194,7 +194,7 @@
 </template>
 
 <script setup lang="ts">
-import { Link } from "~/types/links";
+import type { Link } from "~/types/links";
 
 const config = useRuntimeConfig();
 
diff --git a/components/Layout/Footer/LayoutFooter.vue b/components/Layout/Footer/LayoutFooter.vue
index 606886e5ef..55e34d446e 100644
--- a/components/Layout/Footer/LayoutFooter.vue
+++ b/components/Layout/Footer/LayoutFooter.vue
@@ -65,7 +65,7 @@ import LogoSlack20 from "@carbon/icons-vue/lib/logo--slack/20";
 import LogoTwitter20 from "@carbon/icons-vue/lib/logo--twitter/20";
 import LogoYouTube20 from "@carbon/icons-vue/lib/logo--youtube/20";
 import { SocialMedia } from "~/constants/links";
-import { IconLink, TextLink } from "~/types/links";
+import type { IconLink, TextLink } from "~/types/links";
 
 interface Props {
   oldContainer?: boolean;
diff --git a/components/Layout/Footer/LayoutFooterLinksGroup.vue b/components/Layout/Footer/LayoutFooterLinksGroup.vue
index 17895c9b9d..bd8648cef0 100644
--- a/components/Layout/Footer/LayoutFooterLinksGroup.vue
+++ b/components/Layout/Footer/LayoutFooterLinksGroup.vue
@@ -27,11 +27,11 @@
 </template>
 
 <script setup lang="ts">
-import { IconLink } from "~/types/links";
+import type { IconLink, TextLink } from "~/types/links";
 
 interface Props {
   title: string;
-  elements: IconLink[];
+  elements: IconLink[] | TextLink[];
   iconsOnly?: boolean;
   theme?: "light" | "dark";
 }
diff --git a/components/Layout/LeadSpace/LayoutLeadSpaceWithCard.vue b/components/Layout/LeadSpace/LayoutLeadSpaceWithCard.vue
index 6b60673b7f..4d9346139b 100644
--- a/components/Layout/LeadSpace/LayoutLeadSpaceWithCard.vue
+++ b/components/Layout/LeadSpace/LayoutLeadSpaceWithCard.vue
@@ -37,7 +37,7 @@
 </template>
 
 <script setup lang="ts">
-import { TextLink } from "~/types/links";
+import type { TextLink } from "~/types/links";
 
 interface Props {
   cardTitle: string;
diff --git a/components/Ui/DataTable/UiDataTable.vue b/components/Ui/DataTable/UiDataTable.vue
index 45b29dfe53..5799528b3d 100644
--- a/components/Ui/DataTable/UiDataTable.vue
+++ b/components/Ui/DataTable/UiDataTable.vue
@@ -16,7 +16,7 @@
 </template>
 
 <script setup lang="ts">
-import { Link } from "~/types/links";
+import type { Link } from "~/types/links";
 
 export interface TableRowElement {
   addTooltip?: boolean;
diff --git a/components/Ui/Link/UiLink.vue b/components/Ui/Link/UiLink.vue
index 1dbff54b81..9b6135b19d 100644
--- a/components/Ui/Link/UiLink.vue
+++ b/components/Ui/Link/UiLink.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { CtaClickedEventProp } from "~/types/segment";
+import type { CtaClickedEventProp } from "~/types/segment";
 
 type NuxtLinkTarget =
   | "_blank"
diff --git a/components/Ui/Link/UiLinkText.vue b/components/Ui/Link/UiLinkText.vue
index eb425c265d..2f4451d386 100644
--- a/components/Ui/Link/UiLinkText.vue
+++ b/components/Ui/Link/UiLinkText.vue
@@ -11,7 +11,7 @@
 </template>
 
 <script setup lang="ts">
-import { Link } from "~/types/links";
+import type { Link } from "~/types/links";
 
 interface Props {
   kind?: "primary" | "secondary";
diff --git a/components/Ui/Mosaic/UiMosaic.vue b/components/Ui/Mosaic/UiMosaic.vue
index 5c84c1c19f..c11393989c 100644
--- a/components/Ui/Mosaic/UiMosaic.vue
+++ b/components/Ui/Mosaic/UiMosaic.vue
@@ -54,7 +54,7 @@
 </template>
 
 <script setup lang="ts">
-import { MosaicElement } from "~/types/uiComponents";
+import type { MosaicElement } from "~/types/uiComponents";
 
 interface Props {
   mosaicElements: MosaicElement[];
diff --git a/components/Ui/Mosaic/UiMosaicSection.vue b/components/Ui/Mosaic/UiMosaicSection.vue
index 1991e96c10..9bd5288328 100644
--- a/components/Ui/Mosaic/UiMosaicSection.vue
+++ b/components/Ui/Mosaic/UiMosaicSection.vue
@@ -14,7 +14,7 @@
 </template>
 
 <script setup lang="ts">
-import { MosaicElement } from "~/types/uiComponents";
+import type { MosaicElement } from "~/types/uiComponents";
 
 interface Props {
   description?: string;
diff --git a/components/Ui/UiCard.vue b/components/Ui/UiCard.vue
index a41dc19cb9..b760749e5b 100644
--- a/components/Ui/UiCard.vue
+++ b/components/Ui/UiCard.vue
@@ -107,8 +107,8 @@
 </template>
 
 <script setup lang="ts">
-import { TextLink } from "~/types/links";
-import { CtaClickedEventProp } from "~/types/segment";
+import type { TextLink } from "~/types/links";
+import type { CtaClickedEventProp } from "~/types/segment";
 
 interface Props {
   descriptionWholeSize?: boolean;
diff --git a/components/Ui/UiCta.vue b/components/Ui/UiCta.vue
index d71ad245c1..b3e2ba26af 100644
--- a/components/Ui/UiCta.vue
+++ b/components/Ui/UiCta.vue
@@ -27,8 +27,8 @@
 import ArrowDown16 from "@carbon/icons-vue/lib/arrow--down/16";
 import ArrowRight16 from "@carbon/icons-vue/lib/arrow--right/16";
 import Launch16 from "@carbon/icons-vue/lib/launch/16";
-import { Link } from "~/types/links";
-import { CtaClickedEventProp } from "~/types/segment";
+import type { Link } from "~/types/links";
+import type { CtaClickedEventProp } from "~/types/segment";
 
 interface Props {
   isWider?: boolean;
diff --git a/components/Ui/UiDescriptionCard.vue b/components/Ui/UiDescriptionCard.vue
index d67d759c2f..2f2f21581e 100644
--- a/components/Ui/UiDescriptionCard.vue
+++ b/components/Ui/UiDescriptionCard.vue
@@ -18,7 +18,7 @@
 </template>
 
 <script setup lang="ts">
-import { TextLink } from "~/types/links";
+import type { TextLink } from "~/types/links";
 
 interface Props {
   cta: TextLink;
diff --git a/components/Ui/UiHelpfulResources.vue b/components/Ui/UiHelpfulResources.vue
index fd2f6b99a4..718ce656ea 100644
--- a/components/Ui/UiHelpfulResources.vue
+++ b/components/Ui/UiHelpfulResources.vue
@@ -15,7 +15,7 @@
 </template>
 
 <script setup lang="ts">
-import { DescriptionCard } from "~/types/uiComponents";
+import type { DescriptionCard } from "~/types/uiComponents";
 
 interface Props {
   resources: DescriptionCard[];
diff --git a/components/Ui/UiJoinWithCards.vue b/components/Ui/UiJoinWithCards.vue
index 4db2c7a21c..a2af0c50ca 100644
--- a/components/Ui/UiJoinWithCards.vue
+++ b/components/Ui/UiJoinWithCards.vue
@@ -29,7 +29,7 @@
 </template>
 
 <script setup lang="ts">
-import { TextLink } from "~/types/links";
+import type { TextLink } from "~/types/links";
 
 interface Card {
   name: string;
diff --git a/composables/useSegment.ts b/composables/useSegment.ts
index 461b267065..745e7eabe7 100644
--- a/composables/useSegment.ts
+++ b/composables/useSegment.ts
@@ -1,4 +1,4 @@
-import {
+import type {
   CtaClickedEventSegmentSchema,
   PageLoadedEventSegmentSchema,
 } from "~/types/segment";
diff --git a/constants/fallFest2022Content.ts b/constants/fallFest2022Content.ts
index 33a45416e0..01db798015 100644
--- a/constants/fallFest2022Content.ts
+++ b/constants/fallFest2022Content.ts
@@ -1,4 +1,4 @@
-import { DescriptionCard } from "~/types/uiComponents";
+import type { DescriptionCard } from "~/types/uiComponents";
 
 const header = {
   titleLine1: "Qiskit Fall Fest 2022",
diff --git a/constants/fallFest2023Content.ts b/constants/fallFest2023Content.ts
index 3ea5b9c6a0..3b7dc45c73 100644
--- a/constants/fallFest2023Content.ts
+++ b/constants/fallFest2023Content.ts
@@ -1,4 +1,4 @@
-import { DescriptionCard } from "~/types/uiComponents";
+import type { DescriptionCard } from "~/types/uiComponents";
 
 const header = {
   titleLine1: "Qiskit Fall Fest 2023",
diff --git a/constants/links.ts b/constants/links.ts
index f22dc4408d..cecfe1b3b9 100644
--- a/constants/links.ts
+++ b/constants/links.ts
@@ -1,4 +1,4 @@
-import { TextLink } from "~/types/links";
+import type { TextLink } from "~/types/links";
 
 const SocialMedia: { [key: string]: TextLink } = {
   github: {
diff --git a/constants/summerSchool2022Content.ts b/constants/summerSchool2022Content.ts
index 5271570cf0..34c55df0b0 100644
--- a/constants/summerSchool2022Content.ts
+++ b/constants/summerSchool2022Content.ts
@@ -1,4 +1,4 @@
-import { DescriptionCard, MosaicElement } from "~/types/uiComponents";
+import type { DescriptionCard, MosaicElement } from "~/types/uiComponents";
 
 const header = {
   titleLine1: "Qiskit Global Summer School 2022:",
diff --git a/constants/summerSchool2023Content.ts b/constants/summerSchool2023Content.ts
index 4e981a3f1e..8abb2486ba 100644
--- a/constants/summerSchool2023Content.ts
+++ b/constants/summerSchool2023Content.ts
@@ -1,4 +1,4 @@
-import { DescriptionCard, MosaicElement } from "~/types/uiComponents";
+import type { DescriptionCard, MosaicElement } from "~/types/uiComponents";
 
 const header = {
   titleLine1: "Qiskit Global Summer School 2023:",
diff --git a/hooks/advocate-conversion-utils.ts b/hooks/advocate-conversion-utils.ts
index 4d5f5e3d68..4208dba76e 100644
--- a/hooks/advocate-conversion-utils.ts
+++ b/hooks/advocate-conversion-utils.ts
@@ -1,4 +1,4 @@
-import { Advocate, AdvocatesWorldRegion } from "../types/advocates";
+import type { Advocate, AdvocatesWorldRegion } from "../types/advocates";
 import {
   AirtableRecords,
   getImageUrl,
diff --git a/hooks/airtable-conversion-utils.ts b/hooks/airtable-conversion-utils.ts
index 4f25777d5d..c615bb95ac 100644
--- a/hooks/airtable-conversion-utils.ts
+++ b/hooks/airtable-conversion-utils.ts
@@ -1,6 +1,6 @@
 import { promises as fsPromises } from "fs";
 import Airtable from "airtable";
-import { AirtableBase } from "airtable/lib/airtable_base";
+import type { AirtableBase } from "airtable/lib/airtable_base";
 import axios from "axios";
 
 function getImageUrl(imageAttachment: any): string {
diff --git a/hooks/event-conversion-utils.ts b/hooks/event-conversion-utils.ts
index 04d02d0df6..f214813f8e 100644
--- a/hooks/event-conversion-utils.ts
+++ b/hooks/event-conversion-utils.ts
@@ -1,13 +1,15 @@
 import Airtable from "airtable";
 
 import {
-  CommunityEvent,
-  CommunityEventType,
   COMMUNITY_EVENT_TYPES,
   COMMUNITY_EVENT_TYPE_OPTIONS,
-  WorldRegion,
   WORLD_REGIONS,
 } from "../types/events";
+import type {
+  CommunityEvent,
+  CommunityEventType,
+  WorldRegion,
+} from "../types/events";
 import {
   AirtableRecords,
   getImageUrl,
diff --git a/hooks/fall-fest-extension-event-conversion.utils.ts b/hooks/fall-fest-extension-event-conversion.utils.ts
index 863377fa52..fb90243497 100644
--- a/hooks/fall-fest-extension-event-conversion.utils.ts
+++ b/hooks/fall-fest-extension-event-conversion.utils.ts
@@ -1,6 +1,6 @@
 import Airtable from "airtable";
 import { AirtableRecords } from "./airtable-conversion-utils";
-import { FallFestExtensionEvent } from "types/fall-fest";
+import type { FallFestExtensionEvent } from "~/types/fall-fest";
 
 export const RECORD_FIELDS_IDS = Object.freeze({
   institution: "flddG950A6KMmF19G",
diff --git a/hooks/fall-fest-partner-event-conversion.utils.ts b/hooks/fall-fest-partner-event-conversion.utils.ts
index be44f54a2b..0929c562f4 100644
--- a/hooks/fall-fest-partner-event-conversion.utils.ts
+++ b/hooks/fall-fest-partner-event-conversion.utils.ts
@@ -4,7 +4,7 @@ import {
   getImageUrl,
   findImageAttachment,
 } from "./airtable-conversion-utils";
-import { FallFestPartnerEvent } from "types/fall-fest";
+import type { FallFestPartnerEvent } from "~/types/fall-fest";
 
 export const RECORD_FIELDS_IDS = Object.freeze({
   title: "fld7dWQ6pkQHYg2kj",
diff --git a/pages/advocates.vue b/pages/advocates.vue
index 775d5297d8..e79b193ba2 100644
--- a/pages/advocates.vue
+++ b/pages/advocates.vue
@@ -24,7 +24,7 @@
 </template>
 
 <script setup lang="ts">
-import { TextLink } from "types/links";
+import type { TextLink } from "~/types/links";
 
 definePageMeta({
   pageTitle: "Qiskit Advocates",
diff --git a/pages/events/fall-fest-2022.vue b/pages/events/fall-fest-2022.vue
index 419d250fe6..d50b528c50 100644
--- a/pages/events/fall-fest-2022.vue
+++ b/pages/events/fall-fest-2022.vue
@@ -74,7 +74,7 @@
                   v-if="link"
                   class="fall-fest-page__table-link"
                   :style="styles"
-                  :url="link"
+                  :link="{ url: link }"
                 >
                   Link to event
                 </UiLinkText>
diff --git a/pages/events/index.vue b/pages/events/index.vue
index 2570659058..17253d2f0a 100644
--- a/pages/events/index.vue
+++ b/pages/events/index.vue
@@ -115,10 +115,10 @@
 
 <script setup lang="ts">
 import {
-  CommunityEvent,
   WORLD_REGION_OPTIONS,
   COMMUNITY_EVENT_TYPE_OPTIONS,
 } from "~/types/events";
+import type { CommunityEvent } from "~/types/events";
 
 import rawPastEvents from "~/content/events/past-community-events.json";
 import rawUpcomingEvents from "~/content/events/upcoming-community-events.json";
diff --git a/pages/events/seminar-series.vue b/pages/events/seminar-series.vue
index 59668ea304..8045079321 100644
--- a/pages/events/seminar-series.vue
+++ b/pages/events/seminar-series.vue
@@ -114,12 +114,12 @@
 </template>
 
 <script setup lang="ts">
-import { SeminarSeriesEvent } from "~/hooks/event-conversion-utils";
-import { TableRowElement } from "~/components/Ui/DataTable/UiDataTable.vue";
+import type { SeminarSeriesEvent } from "~/hooks/event-conversion-utils";
+import type { TableRowElement } from "~/components/Ui/DataTable/UiDataTable.vue";
 import upcomingSeminarSerieEvents from "~/content/events/upcoming-seminar-series-events.json";
 import pastSeminarSeriesEvents from "~/content/events/past-seminar-series-events.json";
-import { TextLink } from "~/types/links";
-import { DescriptionCard, MosaicElement } from "~/types/uiComponents";
+import type { TextLink } from "~/types/links";
+import type { DescriptionCard, MosaicElement } from "~/types/uiComponents";
 
 definePageMeta({
   pageTitle: "Qiskit Seminar Series",
diff --git a/plugins/trackClick.ts b/plugins/trackClick.ts
index f6cee3967f..9ba49b6521 100644
--- a/plugins/trackClick.ts
+++ b/plugins/trackClick.ts
@@ -1,6 +1,6 @@
-import { ObjectDirective } from "vue";
+import type { ObjectDirective } from "vue";
 
-import { CtaClickedEventProp } from "@/types/segment";
+import type { CtaClickedEventProp } from "@/types/segment";
 
 export default defineNuxtPlugin((nuxtApp) => {
   nuxtApp.vueApp.directive("track-click", <
diff --git a/tests/hooks/advocate-conversion-utils.spec.ts b/tests/hooks/advocate-conversion-utils.spec.ts
index 853338cde3..d63cd6f542 100644
--- a/tests/hooks/advocate-conversion-utils.spec.ts
+++ b/tests/hooks/advocate-conversion-utils.spec.ts
@@ -1,5 +1,5 @@
 import { beforeEach, describe, expect, test, vi } from "vitest";
-import { AirtableBase } from "airtable/lib/airtable_base";
+import type { AirtableBase } from "airtable/lib/airtable_base";
 import AdvocatesAirtableRecords, {
   RECORD_FIELDS_IDS,
 } from "../../hooks/advocate-conversion-utils";
diff --git a/tests/hooks/airtable-conversion-utils.spec.ts b/tests/hooks/airtable-conversion-utils.spec.ts
index 241b415eb5..22a51d2265 100644
--- a/tests/hooks/airtable-conversion-utils.spec.ts
+++ b/tests/hooks/airtable-conversion-utils.spec.ts
@@ -1,7 +1,7 @@
 import { promises as fsPromises } from "fs";
 import axios from "axios";
 import { afterEach, beforeEach, describe, expect, test, vi } from "vitest";
-import { AirtableBase } from "airtable/lib/airtable_base";
+import type { AirtableBase } from "airtable/lib/airtable_base";
 import { AirtableRecords } from "../../hooks/airtable-conversion-utils";
 
 class FakeAirtableRecords extends AirtableRecords {
diff --git a/tests/hooks/event-conversion-utils.spec.ts b/tests/hooks/event-conversion-utils.spec.ts
index 66c03a7b2a..77845926c2 100644
--- a/tests/hooks/event-conversion-utils.spec.ts
+++ b/tests/hooks/event-conversion-utils.spec.ts
@@ -1,12 +1,9 @@
 import axios from "axios";
 import { beforeEach, describe, expect, test, vi } from "vitest";
-import { AirtableBase } from "airtable/lib/airtable_base";
+import type { AirtableBase } from "airtable/lib/airtable_base";
 import EventsAirtableRecords from "../../hooks/event-conversion-utils";
-import {
-  CommunityEvent,
-  COMMUNITY_EVENT_TYPES,
-  WORLD_REGIONS,
-} from "../../types/events";
+import { COMMUNITY_EVENT_TYPES, WORLD_REGIONS } from "../../types/events";
+import type { CommunityEvent } from "../../types/events";
 import { mock } from "./mock/seminarSeriesMock";
 
 vi.mock("axios");
diff --git a/types/advocates.ts b/types/advocates.ts
index 2cf3af7d08..d3188d51d5 100644
--- a/types/advocates.ts
+++ b/types/advocates.ts
@@ -25,4 +25,6 @@ interface Advocate {
   slackUsername?: string;
 }
 
-export { AdvocatesWorldRegion, ADVOCATES_WORLD_REGION_OPTIONS, Advocate };
+export { ADVOCATES_WORLD_REGION_OPTIONS };
+
+export type { Advocate, AdvocatesWorldRegion };
diff --git a/types/events.ts b/types/events.ts
index 93cc0a3e9e..4b404c413e 100644
--- a/types/events.ts
+++ b/types/events.ts
@@ -59,11 +59,10 @@ const COMMUNITY_EVENT_TYPE_OPTIONS = Object.values(
 ).sort();
 
 export {
-  WorldRegion,
-  WORLD_REGIONS,
-  WORLD_REGION_OPTIONS,
-  CommunityEvent,
-  CommunityEventType,
   COMMUNITY_EVENT_TYPES,
   COMMUNITY_EVENT_TYPE_OPTIONS,
+  WORLD_REGIONS,
+  WORLD_REGION_OPTIONS,
 };
+
+export type { CommunityEvent, CommunityEventType, WorldRegion };
diff --git a/types/fall-fest.ts b/types/fall-fest.ts
index 44ac65f90e..692bcd8865 100644
--- a/types/fall-fest.ts
+++ b/types/fall-fest.ts
@@ -11,4 +11,4 @@ interface FallFestPartnerEvent {
   image: string;
 }
 
-export { FallFestExtensionEvent, FallFestPartnerEvent };
+export type { FallFestExtensionEvent, FallFestPartnerEvent };
diff --git a/types/links.ts b/types/links.ts
index 8430f751b0..7269dc6dbb 100644
--- a/types/links.ts
+++ b/types/links.ts
@@ -2,7 +2,7 @@ import LogoMedium20 from "@carbon/icons-vue/lib/logo--medium/20";
 import LogoSlack20 from "@carbon/icons-vue/lib/logo--slack/20";
 import LogoTwitter20 from "@carbon/icons-vue/lib/logo--twitter/20";
 import LogoYouTube20 from "@carbon/icons-vue/lib/logo--youtube/20";
-import { CtaClickedEventProp } from "~/types/segment";
+import type { CtaClickedEventProp } from "~/types/segment";
 
 interface Link {
   segment?: CtaClickedEventProp;
@@ -22,4 +22,4 @@ interface TextLink extends Link {
   label: string;
 }
 
-export { IconLink, Link, TextLink };
+export type { IconLink, Link, TextLink };
diff --git a/types/uiComponents.ts b/types/uiComponents.ts
index 6af0fdcaf5..5e1d55cf87 100644
--- a/types/uiComponents.ts
+++ b/types/uiComponents.ts
@@ -1,4 +1,4 @@
-import { TextLink } from "~/types/links";
+import type { TextLink } from "~/types/links";
 
 type MosaicElement = {
   position: string;
@@ -6,7 +6,7 @@ type MosaicElement = {
   description: string;
   image: string;
   altText?: string;
-  cta?: Link;
+  cta?: TextLink;
 };
 
 type DescriptionCard = {
@@ -15,4 +15,4 @@ type DescriptionCard = {
   cta: TextLink;
 };
 
-export { MosaicElement, DescriptionCard };
+export type { MosaicElement, DescriptionCard };