Add source link to public page

src/components/Cocktail/CocktailPublicDetails.vue

@@ -6,6 +6,9 @@
         <PublicRecipe :cocktail="cocktail"></PublicRecipe>
         <div class="public-footer">
             Powered by <a href="https://barassistant.app">Bar Assistant</a>
+            <template v-if="cocktail.source">
+                &middot; <SourcePresenter :source="cocktail.source"></SourcePresenter>
+            </template>
             <!-- &middot; <a href="#">Add to your bar</a> &middot; <a href="#">Print</a> -->
         </div>
     </div>
@@ -15,11 +18,13 @@
 import ApiRequests from '@/ApiRequests'
 import SiteLogo from '@/components/Layout/SiteLogo.vue'
 import PublicRecipe from '@/components/Cocktail/PublicRecipe.vue'
+import SourcePresenter from '../SourcePresenter.vue'
 
 export default {
     components: {
         SiteLogo,
-        PublicRecipe
+        PublicRecipe,
+        SourcePresenter
     },
     data() {
         return {

src/components/SourcePresenter.vue

@@ -0,0 +1,28 @@
+<template>
+    <a :href="source" v-if="isLink" target="_blank">{{ $t('source') }}</a>
+    <span v-else>{{ $t('source') }}: {{ source }}</span>
+</template>
+
+<script>
+export default {
+    props: {
+        source: {
+            type: String,
+            default: null,
+        }
+    },
+    computed: {
+        isLink() {
+            let url;
+
+            try {
+                url = new URL(this.source);
+            } catch (_) {
+                return false;
+            }
+
+            return url.protocol === "http:" || url.protocol === "https:";
+        }
+    }
+}
+</script>