v tippy options

Author: ctf0

src/resources/assets/js/bulma/menu-comp_childs.vue

@@ -18,13 +18,13 @@
                         class="delete"
                         @click="undoItem(item)"
                         title="undo"
-                        v-tippy="{arrow: true}"/>
+                        v-tippy/>
                 <button type="button"
                         v-else
                         class="delete"
                         @click.prevent="deleteChild(item)"
                         title="remove child"
-                        v-tippy="{arrow: true}"/>
+                        v-tippy/>
             </div>
 
             <!-- childs -->

src/resources/assets/js/manager.js

@@ -1,5 +1,20 @@
 window.Vue = require('vue')
 window.EventHub = require('vuemit')
+Vue.use(require('vue-tippy'), {
+    flipDuration: 0,
+    arrow: true,
+    touchHold: true,
+    performance: true,
+    popperOptions: {
+        modifiers: {
+            preventOverflow: {
+                enabled: false
+            }
+        }
+    }
+})
+
+// axios
 window.axios = require('axios')
 axios.defaults.headers.common = {
     'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content'),

src/resources/views/admin/bulma/menus/edit.blade.php

@@ -65,14 +65,14 @@ class="column is-4 menu-list"
                                     class="delete"
                                     @click="undoItem(item)"
                                     title="{{ trans('SimpleMenu::messages.undo') }}"
-                                    v-tippy="{arrow: true}">
+                                    v-tippy>
                                 </button>
                                 <button type="button"
                                     v-else
                                     class="delete"
                                     @click.prevent="deletePage(item)"
                                     title="{{ trans('SimpleMenu::messages.remove_page') }}"
-                                    v-tippy="{arrow: true}">
+                                    v-tippy>
                                 </button>
                             </div>