diff --git a/proj/y2t/assets/js/main.js b/proj/y2t/assets/js/main.js
index c7aac94..7e7faf8 100644
--- a/proj/y2t/assets/js/main.js
+++ b/proj/y2t/assets/js/main.js
@@ -1,3 +1,28 @@
+Vue.component('Copybox',{
+    template : `
+      <div class="tabprixcontent">
+        <slot></slot>
+      </div>
+    `,
+    props : {
+      obj : Object
+    },
+    data () {
+      return {
+        siteoff : {
+          fr : "Site officiel",
+          en : "Official website",
+          it : "Sito ufficiale",
+        },
+      }
+    },
+    methods : {
+      capitalize(s){
+        return s.charAt(0).toUpperCase() + s.slice(1)
+      },
+    }
+})
+
 let vm = new Vue({
     el: '#root',
     data: {
@@ -5,7 +30,7 @@ let vm = new Vue({
       lang: '',
       output: ''
     },
-    methods: {
+    component: {
         check() {
             return "check"
         }
diff --git a/proj/y2t/handler.php b/proj/y2t/handler.php
index 6a72088..ad4ec16 100644
--- a/proj/y2t/handler.php
+++ b/proj/y2t/handler.php
@@ -37,6 +37,7 @@
   //$txt = var_export($output, true); 
   //echo nl2br("\nreturn:\n");
   //var_export($return);
+  
 
   foreach ($output as $item) {
     echo '<div class="y2tout">';
@@ -56,7 +57,7 @@
   var_export($ret);
 */
 ?>
-
+<Copybox></Copybox>
   
 </div>
 <script src="assets/js/vue.min.js"></script>