fix: button icons

components/smart/AceEditor.vue

@@ -2,7 +2,7 @@
   <div class="show-if-initialized" :class="{ initialized }">
     <div v-if="lang == 'json'" class="outline">
       <div v-for="(p, index) in currPath" :key="index" class="block">
-        <div class="label" @click.native="onBlockClick(index)">
+        <div class="label" @click="onBlockClick(index)">
           {{ p }}
         </div>
         <i v-if="index + 1 !== currPath.length" class="material-icons"
@@ -18,7 +18,7 @@
             v-for="(sib, i) in currSib"
             :key="i"
             class="sib"
-            @click.native="goToSib(sib)"
+            @click="goToSib(sib)"
           >
             {{ sib.key ? sib.key.value : i }}
           </div>

components/smart/AutoComplete.vue

@@ -12,7 +12,7 @@
       :class="styles"
       @input="updateSuggestions"
       @keyup="updateSuggestions"
-      @click.native="updateSuggestions"
+      @click="updateSuggestions"
       @keydown="handleKeystroke"
     />
     <ul
@@ -24,7 +24,7 @@
         v-for="(suggestion, index) in suggestions"
         :key="index"
         :class="{ active: currentSuggestionIndex === index }"
-        @click.native.prevent="forceSuggestion(suggestion)"
+        @click.prevent="forceSuggestion(suggestion)"
       >
         {{ suggestion }}
       </li>

components/smart/HideMenu.vue

@@ -1,48 +0,0 @@
-<template>
-  <div
-    v-tippy="{ theme: 'tooltip' }"
-    :title="$t(active ? 'hide_sidebar' : 'show_sidebar')"
-    class="
-      absolute
-      hidden
-      md:flex
-      items-center
-      justify-center
-      px-2
-      py-1
-      bg-divider
-      text-secondaryLight
-      hover:text-secondary
-      my-4
-      z-10
-      rounded-l
-      right-0
-      cursor-pointer
-    "
-    @click.native="$emit('toggle')"
-  >
-    <i
-      class="
-        transition
-        origin-center
-        transform
-        material-icons
-        pointer-events-none
-      "
-      :class="{ 'rotate-180': active }"
-    >
-      menu_open
-    </i>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    active: {
-      type: Boolean,
-      default: false,
-    },
-  },
-}
-</script>