feat: heroku build

src/components/Modal/Modal.vue

@@ -9,7 +9,7 @@
             Terms of Service
           </h3>
           <button type="button" class="text-gray-400 bg-transparent hover:bg-gray-200 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex items-center dark:hover:bg-gray-600 dark:hover:text-white" data-modal-toggle="defaultModal">
-            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>  
+            <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
           </button>
         </div>
         <!-- Modal body -->
@@ -31,7 +31,6 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, toRefs } from 'vue'
 import type { PropType } from 'vue'
 
 const props = defineProps({
@@ -49,12 +48,6 @@ const props = defineProps({
     type: String, // 'bottom-left' | 'bottom-right' | 'bottom-center' | 'top-left' | 'top-center' | 'top-right' | 'center-left' | 'center' | 'center-right'
     default: 'center',
   },
-  root: {
-    type: HTMLElement,
-    default() {
-      return document ? document.body : undefined
-    },
-  },
   show: {
     type: Boolean,
     default: false,

src/components/Tooltip/Tooltip.vue

@@ -5,36 +5,4 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, toRefs } from 'vue'
-import type { PropType } from 'vue'
-
-const props = defineProps({
-  arrow: {
-    type: Boolean,
-    default: true,
-  },
-  children: {
-    type: Array,
-    default() {
-      return []
-    },
-  },
-  duration: {
-    type: Number, // animation = duration-300
-    default: 300,
-  },
-  placement: {
-    type: String, // top | right | bottom | left | {top/right/bottom/left}-{start/end}
-    default: 'auto',
-  },
-  type: {
-    type: String, // 'dark' | 'light' | 'auto'
-    default: 'dark',
-  },
-  trigger: {
-    type: String, // 'hover' | 'click'
-    default: 'hover',
-  },
-})
-
 </script>