component update

proj/y2t/assets/js/main.js

@@ -2,24 +2,19 @@ Vue.component('Copybox',{
     template : `
       <div class="y2t-output">
         <button v-on:click="copyToClipboard">Copy</button>
-        <slot></slot>
+        <p>{{ txt }}</p>
       </div>
     `,
     props : {
-      obj : Object
-    },
-    data () {
-      return {
-        siteoff : {
-          fr : "Site officiel",
-          en : "Official website",
-          it : "Sito ufficiale",
-        },
-      }
+      txt : String
     },
     methods : {
-        copyToClipboard(){
-            
+      copyToClipboard() {
+        navigator.clipboard.writeText(this.txt).then(() => {
+          console.log('Text copied to clipboard');
+        }, (err) => {
+          console.error('Failed to copy text: ', err);
+        });
       },
     }
 })

proj/y2t/handler.php

@@ -40,9 +40,10 @@
   
 
   foreach ($output as $item) {
-    echo '<div class="y2tout">';
-    echo $item;
-    echo '</div>';
+    echo '<Copybox v-bind:txt="'.$item.'"></Copybox>';
+    //echo '<div class="y2tout">';
+    //echo $item;
+    //echo '</div>';
   }
   //echo nl2br("\n END OF THE OUTPUT\n");
   /*
@@ -57,7 +58,6 @@
   var_export($ret);
 */
 ?>
-<Copybox></Copybox>
   
 </div>
 <script src="assets/js/vue.min.js"></script>