feat(app/web): add copy markdown code button (#1246)

source/app/web/statics/embed/app.js

@@ -84,7 +84,9 @@
       tab: {
         immediate: true,
         handler(current) {
-          if (current === "action")
+          if (current === "markdown")
+            this.clipboard = new ClipboardJS(".copy-markdown")
+          else if (current === "action")
             this.clipboard = new ClipboardJS(".copy-action")
           else
             this.clipboard?.destroy()

source/app/web/statics/embed/index.html

@@ -190,6 +190,9 @@
               <div class="image" :class="{pending:generated.pending}" v-html="generated.content||templates.placeholder.image"></div>
             </div>
             <div v-else-if="tab == 'markdown'">
+              <div>
+                <button class="copy-markdown" data-clipboard-target=".code">Copy Markdown Code</button>
+              </div>
               Add the markdown below to your <i>README.md</i> <template v-if="user">at <a :href="repo">{{ user }}/{{ user }}</a></template>
               <div class="code">
                 <Prism language="markdown" :code="embed"></Prism>