🚧 WIP(custom): v3.0.0 migrate to vite and esm

src/renderer/components/ImageWebdav.vue

@@ -1,23 +1,30 @@
 <template>
-  <el-image :src="imageSource" fit="contain" style="height: 100px; width: 100%; margin: 0 auto">
+  <el-image
+    :src="imageSource"
+    fit="contain"
+    style="height: 100px; width: 100%; margin: 0 auto"
+  >
     <template #placeholder>
       <el-icon>
         <Loading />
       </el-icon>
     </template>
     <template #error>
-      <el-image :src="iconPath" fit="contain" style="height: 100px; width: 100%; margin: 0 auto" />
+      <el-image
+        :src="iconPath"
+        fit="contain"
+        style="height: 100px; width: 100%; margin: 0 auto"
+      />
     </template>
   </el-image>
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted, watch, computed } from 'vue'
 import { Loading } from '@element-plus/icons-vue'
+import { computed, onMounted, ref, watch } from 'vue'
 
-import { getAuthHeader } from '@/manage/utils/digestAuth'
 import { getFileIconPath } from '@/manage/utils/common'
-
+import { getAuthHeader } from '@/manage/utils/digestAuth'
 import { formatEndpoint } from '#/utils/common'
 
 const base64Url = ref('')
@@ -37,12 +44,12 @@ const props = defineProps<{
 const imageSource = computed(() => {
   return props.isShowThumbnail && props.item.isImage && success.value
     ? base64Url.value
-    : require(`../manage/pages/assets/icons/${getFileIconPath(props.item.fileName ?? '')}`)
+    : `/assets/icons/${getFileIconPath(props.item.fileName ?? '')}`
 })
 
-const iconPath = computed(() => require(`../manage/pages/assets/icons/${getFileIconPath(props.item.fileName ?? '')}`))
+const iconPath = computed(() => `/assets/icons/${getFileIconPath(props.item.fileName ?? '')}`)
 
-async function getWebdavHeader(key: string) {
+async function getWebdavHeader (key: string) {
   let headers = {} as any
   if (props.config.authType === 'digest') {
     const authHeader = await getAuthHeader(