精简 SvgIcon 组件配置

src/components/SvgIcon/index.vue

@@ -7,10 +7,6 @@ defineOptions({
 
 const props = defineProps<{
   name: string
-  flip?: 'horizontal' | 'vertical' | 'both'
-  rotate?: number
-  color?: string
-  size?: string | number
 }>()
 
 const outputType = computed(() => {
@@ -24,38 +20,13 @@ const outputType = computed(() => {
     return 'svg'
   }
 })
-
-const style = computed(() => {
-  const transform = []
-  if (props.flip) {
-    switch (props.flip) {
-      case 'horizontal':
-        transform.push('rotateY(180deg)')
-        break
-      case 'vertical':
-        transform.push('rotateX(180deg)')
-        break
-      case 'both':
-        transform.push('rotateX(180deg)')
-        transform.push('rotateY(180deg)')
-        break
-    }
-  }
-  if (props.rotate) {
-    transform.push(`rotate(${props.rotate % 360}deg)`)
-  }
-  return {
-    ...(props.color && { color: props.color }),
-    ...(props.size && { fontSize: typeof props.size === 'number' ? `${props.size}px` : props.size }),
-    ...(transform.length && { transform: transform.join(' ') }),
-  }
-})
 </script>
 
 <template>
-  <i class="relative h-[1em] w-[1em] flex-inline items-center justify-center fill-current leading-[1em]" :class="{ [name]: outputType === 'unocss' }" :style="style">
-    <Icon v-if="outputType === 'iconify'" :icon="name" />
-    <svg v-else-if="outputType === 'svg'" class="h-[1em] w-[1em]" aria-hidden="true">
+  <i class="relative size-[1em] flex-inline items-center justify-center fill-current leading-[1em]">
+    <i v-if="outputType === 'unocss'" class="size-inherit shrink-0" :class="name" />
+    <Icon v-else-if="outputType === 'iconify'" :icon="name" class="shrink-0 size-inherit!" />
+    <svg v-else-if="outputType === 'svg'" class="size-inherit shrink-0" aria-hidden="true">
       <use :xlink:href="`#icon-${name}`" />
     </svg>
   </i>

vite.config.ts

@@ -15,10 +15,10 @@ export default defineConfig(({ mode, command }) => {
     }
   })
   return {
-    base: './',
     // 开发服务器选项 https://cn.vitejs.dev/config/server-options
     server: {
       open: true,
+      host: true,
       proxy: {
         '/proxy': {
           target: env.VITE_APP_API_BASEURL,