Merge pull request #31 from netwerk-digitaal-erfgoed/feature/GH-29

Feat: GH-29
netwerk-digitaal-erfgoed · Nov 25, 2024 · cc6b4a2 · cc6b4a2
2 parents e22bda4 + d3d46dc
commit cc6b4a2
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/nuxt/components/Atoms/Image.vue b/nuxt/components/Atoms/Image.vue
@@ -28,9 +28,17 @@ const props = withDefaults(
 
 const imageUrl = computed<string>(() => {
   const { identifier, region, size, rotation, quality, format } = props;
-  if (!supportIIIF.value || useIsIIIF(identifier)) {
+  if (!supportIIIF.value) {
     return identifier;
   }
+
+  if (useIsIIIF(identifier)) {
+    const parts = identifier.split('/');
+    parts[parts.length - 4] = region;
+    parts[parts.length - 3] = size;
+    parts[parts.length - 2] = rotation;
+    return parts.join('/');
+  }
   return `/api/images/${btoa(identifier)}/${region}/${size}/${rotation}/${quality}.${format}`;
 });
 </script>
diff --git a/nuxt/components/Atoms/Navigation.vue b/nuxt/components/Atoms/Navigation.vue
@@ -22,7 +22,7 @@ const props = withDefaults(
 );
 
 const route = computed(() => {
-  const flixName = currentFlix.value?.uri.split('/').pop();
+  const flixName = currentFlix.value?.uri?.split('/').pop();
   if (!flixName) {
     return { href: '' };
   }