From 0265a984c0978974193564f8cbd4826019575fa7 Mon Sep 17 00:00:00 2001
From: MattIPv4 <me@mattcowley.co.uk>
Date: Mon, 11 Jan 2021 18:00:57 +0000
Subject: [PATCH] Emit the events from the components

---
 src/nginxconfig/templates/domain_sections/onion.vue | 2 +-
 src/nginxconfig/templates/prism/bash.vue            | 7 ++++++-
 src/nginxconfig/templates/prism/docker.vue          | 7 ++++++-
 src/nginxconfig/templates/prism/nginx.vue           | 7 ++++++-
 src/nginxconfig/templates/prism/yaml.vue            | 7 ++++++-
 5 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/nginxconfig/templates/domain_sections/onion.vue b/src/nginxconfig/templates/domain_sections/onion.vue
index aaf4e30..7919460 100644
--- a/src/nginxconfig/templates/domain_sections/onion.vue
+++ b/src/nginxconfig/templates/domain_sections/onion.vue
@@ -56,7 +56,7 @@ THE SOFTWARE.
                         </div>
                     </template>
 
-                    <div class="control" v-if="incorrectEnding">
+                    <div v-if="incorrectEnding" class="control">
                         <label class="text message is-warning">
                             <span class="message-body">
                                 {{ $t('templates.domainSections.onion.onionLocationExpectedToEndWithOnion') }}
diff --git a/src/nginxconfig/templates/prism/bash.vue b/src/nginxconfig/templates/prism/bash.vue
index f79a529..de19c13 100644
--- a/src/nginxconfig/templates/prism/bash.vue
+++ b/src/nginxconfig/templates/prism/bash.vue
@@ -25,7 +25,7 @@ THE SOFTWARE.
 -->
 
 <template>
-    <div>
+    <div @copied="copied">
         <pre><code class="language-bash">{{ cmd }}</code></pre>
     </div>
 </template>
@@ -42,5 +42,10 @@ THE SOFTWARE.
             console.info(`Highlighting ${this.$props.cmd}...`);
             Prism.highlightAllUnder(this.$el);
         },
+        methods: {
+            copied(event) {
+                this.$emit('copied', event.detail.text);
+            },
+        },
     };
 </script>
diff --git a/src/nginxconfig/templates/prism/docker.vue b/src/nginxconfig/templates/prism/docker.vue
index 96635db..9cbe80e 100644
--- a/src/nginxconfig/templates/prism/docker.vue
+++ b/src/nginxconfig/templates/prism/docker.vue
@@ -25,7 +25,7 @@ THE SOFTWARE.
 -->
 
 <template>
-    <div :class="`column ${half ? 'is-half' : 'is-full'} is-full-mobile is-full-tablet`">
+    <div :class="`column ${half ? 'is-half' : 'is-full'} is-full-mobile is-full-tablet`" @copied="copied">
         <h3 v-html="name"></h3>
         <pre><code class="language-docker" v-html="conf"></code></pre>
     </div>
@@ -46,5 +46,10 @@ THE SOFTWARE.
             console.info(`Highlighting ${this.$props.name}...`);
             Prism.highlightAllUnder(this.$el);
         },
+        methods: {
+            copied(event) {
+                this.$emit('copied', event.detail.text);
+            },
+        },
     };
 </script>
diff --git a/src/nginxconfig/templates/prism/nginx.vue b/src/nginxconfig/templates/prism/nginx.vue
index 745042a..a45b5c0 100644
--- a/src/nginxconfig/templates/prism/nginx.vue
+++ b/src/nginxconfig/templates/prism/nginx.vue
@@ -25,7 +25,7 @@ THE SOFTWARE.
 -->
 
 <template>
-    <div :class="`column ${half ? 'is-half' : 'is-full'} is-full-mobile is-full-tablet`">
+    <div :class="`column ${half ? 'is-half' : 'is-full'} is-full-mobile is-full-tablet`" @copied="copied">
         <h3 v-html="name"></h3>
         <pre><code class="language-nginx" v-html="conf"></code></pre>
     </div>
@@ -45,5 +45,10 @@ THE SOFTWARE.
             console.info(`Highlighting ${this.$props.name}...`);
             Prism.highlightAllUnder(this.$el);
         },
+        methods: {
+            copied(event) {
+                this.$emit('copied', event.detail.text);
+            },
+        },
     };
 </script>
diff --git a/src/nginxconfig/templates/prism/yaml.vue b/src/nginxconfig/templates/prism/yaml.vue
index 675bb01..e5cb84d 100644
--- a/src/nginxconfig/templates/prism/yaml.vue
+++ b/src/nginxconfig/templates/prism/yaml.vue
@@ -25,7 +25,7 @@ THE SOFTWARE.
 -->
 
 <template>
-    <div :class="`column ${half ? 'is-half' : 'is-full'} is-full-mobile is-full-tablet`">
+    <div :class="`column ${half ? 'is-half' : 'is-full'} is-full-mobile is-full-tablet`" @copied="copied">
         <h3 v-html="name"></h3>
         <pre><code class="language-yaml" v-html="conf"></code></pre>
     </div>
@@ -46,5 +46,10 @@ THE SOFTWARE.
             console.info(`Highlighting ${this.$props.name}...`);
             Prism.highlightAllUnder(this.$el);
         },
+        methods: {
+            copied(event) {
+                this.$emit('copied', event.detail.text);
+            },
+        },
     };
 </script>