Update Directus SDK

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"

components/national-teams/st-national-teams.prop.ts

@@ -1,6 +1,6 @@
-import { PartialItem } 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: PartialItem<DirectusPerson>[];
+  coaches: DirectusPerson[];
 }
 
 // Just to clear a Nuxt warning.

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 {

components/st-club-list.vue

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

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: {

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": "^9.14.2",
+    "@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",

pages/_.vue

@@ -37,7 +37,12 @@ export default defineComponent({
         // but with the path in another language.
         // This can notably happen when using the language switcher.
         // We just redirect to fix the path.
-        redirect(`/${i18n.locale}${page.path}`);
+        let pathLocale = `/${i18n.locale}`;
+        // The current strategy doesn't put a prefix for the default language
+        if (i18n.locale === i18n.defaultLocale) {
+          pathLocale = '';
+        }
+        redirect(`${pathLocale}${page.path}`);
       }
 
       return {

pages/clubs.vue

@@ -11,7 +11,6 @@
 </template>
 
 <script lang="ts">
-import { PartialItem } 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 PartialItem<DirectusClub>[],
+      clubs: [] as DirectusClub[],
     };
   },
   nuxtI18n: {

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"

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: {

pages/regional-associations.vue

@@ -9,7 +9,6 @@
 </template>
 
 <script lang="ts">
-import { PartialItem } 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 PartialItem<DirectusClub>[],
+      associations: [] as DirectusClub[],
     };
   },
   nuxtI18n: {