otf: add data attributes and pass them in vue component

src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/App.vue

@@ -1,8 +1,9 @@
 <template>
     <on-the-fly
-        action="action"
-        :type="type"
-        :id="id"
+        :type="context.type"
+        :id="context.id"
+        :action="context.action"
+        :buttonText="options.buttonText"
         @saveFormOnTheFly="saveFormOnTheFly">
     </on-the-fly>
 </template>
@@ -22,16 +23,6 @@ export default {
         },
         options() {
             return this.onTheFly.options;
-        },
-        // temp
-        action() {
-            return 'show';  // 'edit', 'create'
-        },
-        type() {
-            return 'person'; // 'thirdparty'
-        },
-        id() {
-            return 1613
         }
     },
     mounted() {

src/Bundle/ChillMainBundle/Resources/public/vuejs/OnTheFly/index.js

@@ -14,8 +14,14 @@ containers.forEach((container) => {
         data() {
             return {
                 onTheFly: {
-                    context: {},
-                    options: {}
+                    context: {
+                        action:  container.dataset.action,
+                        type:  container.dataset.targetName,
+                        id: parseInt(container.dataset.targetId),
+                    },
+                    options: {
+                        buttonText: container.dataset.buttonText || null
+                    }
                 }
             }
         }