Update CHANGELOG

CHANGELOG.md

@@ -10,6 +10,10 @@
 
 ## Version History
 
+### v3.55.3
+
+- :bug: Dynamic loading causes vite to load all in production mode
+
 ### v3.55.2
 
 - :bug: Switch to `setup` for IconButton

components/Delete.vue

@@ -10,10 +10,14 @@
         </template>
         <template v-else>
             <TablerIconButton
-                icon='IconTrash'
                 title='Delete'
                 @click.stop.prevent='modal = true'
-            />
+            >
+                <IconTrash
+                    :size='32'
+                    :stroke='1'
+                />
+            </tablericonbutton>
         </template>
 
         <TablerModal v-if='modal'>

components/IconButton.vue

@@ -1,40 +1,21 @@
 <template>
-<div
-    tabindex='0'
-    role='button'
-    v-tooltip='title'
-    class='cursor-pointer hover-button rounded'
->
-    <IconButton
-        :title='title'
-        :size='size'
-        :stroke='stroke'
-    />
-</div>
+    <div
+        v-tooltip='title'
+        tabindex='0'
+        role='button'
+        class='cursor-pointer hover-button rounded'
+    >
+        <slot />
+    </div>
 </template>
 
 <script setup>
-import { defineAsyncComponent, defineProps } from 'vue'
-import * as Icons from '@tabler/icons-vue';
+import { defineProps } from 'vue'
 
-const props = defineProps({
-    icon: {
-        type: String,
-        required: true
-    },
+defineProps({
     title: {
         type: String,
         required: true
     },
-    size: {
-        type: Number,
-        default: 32
-    },
-    stroke: {
-        type: Number,
-        default: 1
-    }
 })
-
-const IconButton = Icons[props.icon];
 </script>