From c099ec2d31baa0f3eb6e971157c2a9c125fe874b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alois=20Se=C4=8Dk=C3=A1r?= <ellrohir@seznam.cz>
Date: Sat, 27 Jan 2024 20:23:30 +0100
Subject: [PATCH] feat: open full-size image

---
 assets/lang/cs.json       |  3 ++-
 assets/lang/en.json       |  3 ++-
 components/item/Image.vue | 20 +++++++++++++-------
 nuxt.config.ts            |  1 +
 4 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/assets/lang/cs.json b/assets/lang/cs.json
index 3abf2d1..58363c2 100644
--- a/assets/lang/cs.json
+++ b/assets/lang/cs.json
@@ -38,7 +38,8 @@
     "images" : {
         "title" : "Obrázky",
         "total" : "Celkem obrázků",
-        "no-dscr" : "Popis není k dispozici..."
+        "no-dscr" : "Popis není k dispozici...",
+        "full-size" : "Klikněte pro zobrazení v plné velikosti"
     },
     "books" : {
         "total" : "Celkem knih",
diff --git a/assets/lang/en.json b/assets/lang/en.json
index 95f6d97..d181801 100644
--- a/assets/lang/en.json
+++ b/assets/lang/en.json
@@ -38,7 +38,8 @@
     "images" : {
         "title" : "Images",
         "total" : "Total images",
-        "no-dscr" : "Descripion not available..."
+        "no-dscr" : "Descripion not available...",
+        "full-size" : "Click to open full-size image"
     },
     "books" : {
         "total" : "Total books",
diff --git a/components/item/Image.vue b/components/item/Image.vue
index 40d5232..279878a 100644
--- a/components/item/Image.vue
+++ b/components/item/Image.vue
@@ -21,13 +21,19 @@
         <hr class="mb-2">
         <ItemImageNav :item="item" :editable="editable" />
         <div class="mx-auto max-w-[60%]">
-          <NuxtImg
-            class="my-2 inline-block w-full h-auto border"
-            provider="cloudinary"
-            :src="useRuntimeConfig().public.cloudinary.folder + item.image"
-            :alt="item.name"
-            :title="item.name"
-          />
+          <NuxtLink
+            :to="useRuntimeConfig().public.cloudinary.baseURL + useRuntimeConfig().public.cloudinary.folder + item.image"
+            :external="true"
+            target="_blank"
+          >
+            <NuxtImg
+              class="my-2 inline-block w-full h-auto border"
+              provider="cloudinary"
+              :src="useRuntimeConfig().public.cloudinary.folder + item.image"
+              :alt="item.name"
+              :title="useT('images.full-size')"
+            />
+          </NuxtLink>
         </div>
         <ItemImageNav :item="item" :editable="editable" />
       </div>
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 163bf80..e3e9bfd 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -18,6 +18,7 @@ export default defineNuxtConfig({
       lang: 'en',
       debug: false,
       cloudinary: {
+        baseURL: 'https://res.cloudinary.com/dxn3gzvtm/image/upload/',
         preset: 'elrhistory',
         folder: 'elrhistory'
       },