fix(deps): update Directus SDK to v15

SwissTchoukball · Mar 23, 2024 · e192942 · e192942
1 parent 59a713d
commit e192942
Show file tree

Hide file tree

Showing 16 changed files with 1,141 additions and 1,155 deletions.
diff --git a/components/national-teams/st-national-team-competition-update.vue b/components/national-teams/st-national-team-competition-update.vue
@@ -19,7 +19,7 @@
     <img
       v-if="update.image"
       class="c-national-team-competition-update__image"
-      :alt="update.image.description"
+      :alt="update.image.description || undefined"
       :src="imageFallbackSrc"
       :srcset="imageSrcSet"
       sizes="(min-width: 800px}) 800px, 96vw"

diff --git a/components/national-teams/st-national-teams.prop.ts b/components/national-teams/st-national-teams.prop.ts
@@ -1,6 +1,6 @@
-import { ItemInput } from '@directus/sdk';
+import { type DirectusFile } from '@directus/sdk';
 import { Gender, Role } from '~/plugins/cms-service';
-import { DirectusImage, DirectusPerson } from '~/plugins/directus';
+import { DirectusPerson, DirectusSchema } from '~/plugins/directus';
 
 export interface Player {
   id: number;
@@ -41,7 +41,7 @@ export interface NationalTeamCompetition {
 export interface NationalTeamCompetitionUpdate {
   id: number;
   body: string;
-  image?: DirectusImage;
+  image?: DirectusFile<DirectusSchema>;
   is_key: boolean;
   teams: { id: number; name: string }[];
   date_created: string;
@@ -57,7 +57,7 @@ export interface NationalTeam {
   name: string;
   slug: string;
   gender: string;
-  team_photo?: DirectusImage;
+  team_photo?: DirectusFile<DirectusSchema>;
   team_photo_vertical_shift?: number;
   players: Player[];
   /**
@@ -75,7 +75,7 @@ export interface NationalTeamForCompetition {
   competition: NationalTeamCompetition;
   team: Pick<NationalTeam, 'name' | 'slug'>;
   players: Player[];
-  coaches: ItemInput<DirectusPerson>[];
+  coaches: DirectusPerson[];
 }
 
 // Just to clear a Nuxt warning.

diff --git a/components/resources/st-resource.vue b/components/resources/st-resource.vue
@@ -51,6 +51,7 @@ export default defineComponent({
       if (!this.resource?.file) {
         return;
       }
+      // @ts-ignore TODO: Check the actual type
       return humanFileSize(this.resource.file.filesize, 2, this.$i18n.locale);
     },
     fileName(): string {

diff --git a/components/st-club-list.vue b/components/st-club-list.vue
@@ -17,14 +17,13 @@
 </template>
 
 <script lang="ts">
-import { ItemInput } from '@directus/sdk';
 import { defineComponent, PropType } from 'vue';
 import { DirectusClub, getAssetURL } from '~/plugins/directus';
 
 export default defineComponent({
   props: {
     clubs: {
-      type: Array as PropType<ItemInput<DirectusClub>[]>,
+      type: Array as PropType<DirectusClub[]>,
       required: true,
     },
   },

diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -151,7 +151,7 @@ const config: NuxtConfig = {
 
   // Build Configuration: https://go.nuxtjs.dev/config-build
   build: {
-    transpile: ['vue-tooltip'],
+    transpile: ['vue-tooltip', '@directus/sdk', '@directus/system-data'],
     postcss: {
       postcssOptions: {
         plugins: {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -5,6 +5,7 @@
   "engines": {
     "node": "20"
   },
+  "type": "commonjs",
   "scripts": {
     "dev": "nuxt",
     "build": "nuxt build",
@@ -20,7 +21,7 @@
     "*.{css,vue}": "stylelint"
   },
   "dependencies": {
-    "@directus/sdk": "^10.3.5",
+    "@directus/sdk": "^15.0.3",
     "@fortawesome/free-brands-svg-icons": "^6.5.1",
     "@fortawesome/free-solid-svg-icons": "^6.5.1",
     "@hcaptcha/vue-hcaptcha": "^1.3.0",

diff --git a/pages/clubs.vue b/pages/clubs.vue
@@ -11,7 +11,6 @@
 </template>
 
 <script lang="ts">
-import { ItemInput } from '@directus/sdk';
 import { defineComponent } from 'vue';
 import stClubList from '~/components/st-club-list.vue';
 import { DirectusClub } from '~/plugins/directus';
@@ -20,7 +19,7 @@ export default defineComponent({
   components: { stClubList },
   data() {
     return {
-      clubs: [] as ItemInput<DirectusClub>[],
+      clubs: [] as DirectusClub[],
     };
   },
   nuxtI18n: {

diff --git a/pages/national-teams/_team.vue b/pages/national-teams/_team.vue
@@ -8,7 +8,7 @@
         v-if="team.team_photo"
         class="c-team__photo"
         :style="`object-position: 0 ${teamPhotoVerticalShiftInPercentage}%;`"
-        :alt="team.team_photo.description"
+        :alt="team.team_photo.description || undefined"
         :src="mainImageFallbackSrc"
         :srcset="mainImageSrcSet"
         :sizes="imgTagSizes"

diff --git a/pages/news/index.vue b/pages/news/index.vue
@@ -26,6 +26,7 @@ import stLoader from '~/components/st-loader.vue';
 import stNewsList from '~/components/news/st-news-list.vue';
 import { NewsEntry } from '~/components/news/st-news';
 import StPagination from '~/components/st-pagination.vue';
+import { DirectusDomain } from '~/plugins/directus';
 
 export default defineComponent({
   components: { stLoader, stNewsList, StPagination },
@@ -83,7 +84,9 @@ export default defineComponent({
       if (!this.filteredDomainId) {
         return;
       }
-      return this.$store.getters.getDomainById(this.filteredDomainId);
+      const domain: DirectusDomain = this.$store.getters.getDomainById(this.filteredDomainId);
+
+      return domain.name;
     },
   },
   watch: {

diff --git a/pages/regional-associations.vue b/pages/regional-associations.vue
@@ -9,7 +9,6 @@
 </template>
 
 <script lang="ts">
-import { ItemInput } from '@directus/sdk';
 import { defineComponent } from 'vue';
 import stClubList from '~/components/st-club-list.vue';
 import { DirectusClub } from '~/plugins/directus';
@@ -18,7 +17,7 @@ export default defineComponent({
   components: { stClubList },
   data() {
     return {
-      associations: [] as ItemInput<DirectusClub>[],
+      associations: [] as DirectusClub[],
     };
   },
   nuxtI18n: {