Move to heroicons

Author: pascalbaljet

js/Components/ButtonWithDropdown.vue

@@ -1,5 +1,4 @@
 <script>
-import OnClickOutside from "./OnClickOutside.vue";
 import { createPopper } from "@popperjs/core/lib/popper-lite";
 import preventOverflow from "@popperjs/core/lib/modifiers/preventOverflow";
 import flip from "@popperjs/core/lib/modifiers/flip";
@@ -25,10 +24,6 @@ export default {
     },
   },
 
-  components: {
-    OnClickOutside,
-  },
-
   data() {
     return {
       opened: false,
@@ -53,6 +48,10 @@ export default {
   },
 
   mounted() {
+    if (!this.$refs.button || !this.$refs.tooltip) {
+      return;
+    }
+
     this.popper = createPopper(this.$refs.button, this.$refs.tooltip, {
       placement: this.placement,
       modifiers: [flip, preventOverflow],

js/Tailwind2/Pagination.vue

@@ -68,7 +68,7 @@
 </template>
 
 <script>
-import { ChevronLeftIcon, ChevronRightIcon } from "@vue-hero-icons/solid";
+import { ChevronLeftIcon, ChevronRightIcon } from "@heroicons/vue/solid";
 import Pagination from "./../Components/Pagination.vue";
 
 export default {

js/Tailwind2/TableAddSearchRow.vue

@@ -24,7 +24,7 @@
 import ButtonWithDropdown from "./ButtonWithDropdown.vue";
 import OnClickOutside from "./../Components/OnClickOutside.vue";
 import TableAddSearchRow from "./../Components/TableAddSearchRow.vue";
-import { PlusCircleIcon } from "@vue-hero-icons/outline";
+import { PlusCircleIcon } from "@heroicons/vue/outline";
 
 export default {
   mixins: [TableAddSearchRow],

js/Tailwind2/TableColumns.vue

@@ -47,7 +47,7 @@
 <script>
 import ButtonWithDropdown from "./ButtonWithDropdown.vue";
 import TableColumns from "./../Components/TableColumns.vue";
-import { DotsVerticalIcon } from "@vue-hero-icons/solid";
+import { DotsVerticalIcon } from "@heroicons/vue/solid";
 
 export default {
   mixins: [TableColumns],

js/Tailwind2/TableFilter.vue

@@ -27,7 +27,7 @@
 <script>
 import ButtonWithDropdown from "./ButtonWithDropdown.vue";
 import TableFilter from "./../Components/TableFilter.vue";
-import { FilterIcon } from "@vue-hero-icons/solid";
+import { FilterIcon } from "@heroicons/vue/solid";
 
 export default {
   mixins: [TableFilter],

js/Tailwind2/TableGlobalSearch.vue

@@ -15,7 +15,7 @@
 
 <script>
 import TableGlobalSearch from "./../Components/TableGlobalSearch.vue";
-import { SearchIcon } from "@vue-hero-icons/solid";
+import { SearchIcon } from "@heroicons/vue/solid";
 
 export default {
   mixins: [TableGlobalSearch],

js/Tailwind2/TableSearchRows.vue

@@ -38,7 +38,7 @@
 
 <script>
 import TableSearchRows from "./../Components/TableSearchRows.vue";
-import { XIcon } from "@vue-hero-icons/outline";
+import { XIcon } from "@heroicons/vue/outline";
 
 export default {
   mixins: [TableSearchRows],