From f4e248a2b13a2dca21eb3531812fab6ee0b8ec51 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <h_mini2024@oo1.dev>
Date: Sun, 20 Apr 2025 22:06:49 +0800
Subject: [PATCH] feat: vite-assets

---
 eslint.config.ts                          |   1 +
 src/pages/Page/vite-assets/imgs/img_1.png | Bin 0 -> 938 bytes
 src/pages/Page/vite-assets/imgs/img_2.png | Bin 0 -> 1429 bytes
 src/pages/Page/vite-assets/index.page.vue |  46 ++++++++++++++++++++++
 typed-router.d.ts                         |   1 +
 5 files changed, 48 insertions(+)
 create mode 100644 src/pages/Page/vite-assets/imgs/img_1.png
 create mode 100644 src/pages/Page/vite-assets/imgs/img_2.png
 create mode 100644 src/pages/Page/vite-assets/index.page.vue

diff --git a/eslint.config.ts b/eslint.config.ts
index 97698c6..1a098fe 100644
--- a/eslint.config.ts
+++ b/eslint.config.ts
@@ -71,6 +71,7 @@ export default defineConfigWithVueTs(
       'unicorn/no-null': 'off',
       'unicorn/no-useless-spread': 'off',
       'unicorn/prevent-abbreviations': 'off',
+      'unicorn/relative-url-style': 'off', // [plugin:vite:import-glob] Invalid glob: "imgs/*.png" (resolved: "imgs/*.png"). It must start with '/' or './'
     },
   },
   // endregion <<< eslint-plugin-unicorn <<<
diff --git a/src/pages/Page/vite-assets/imgs/img_1.png b/src/pages/Page/vite-assets/imgs/img_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..10d5755f6723a3f5cf84778f6d241b626712e65e
GIT binary patch
literal 938
zcmeAS@N?(olHy`uVBq!ia0y~yV2WU1V4T3h3>0aQW?l`Xqyv0HT!Hle|NrCT<L}?U
zUteE8fBt-Vd3k$#`~Ca(KXjUM2q?{2;1OBOz`%C|gc+x5^GP!>Fq?Y1IEGZrd3$TW
z-|Ya2V~ML5ZCU+uu@T!>t^n1Dm$Fx)-IwUePOM@MnY!a0Q)b`XWb1F%flHp>EZV2~
zi`V_%91~uk$+*D>`(J;a9(|i#-@pCAio3tQ-HLyr`{GE{TX*eiQS$46j7_51Yrn6J
z$d>&tmc2C|$k>~GH0tf@h}C~{jz+!y;kD+fUi8LmR#``*a<@BduRjtMB=+KSf0FJC
z@fW=j-lvqW`6^#)+T;*_r*rFq_yzNYI!hxW7o3;cDE5W>OD$09Q%C9FKb~uxPci*1
z*=?RAdqw}kZM!7d0I?U7-==STHkI|)m%3_&YkU6Q-YfXJp|0`X+z!*_@eA_H-ILC0
za)0r(6v}psT;Tuy)Xa#>zgT~5v=_;a0$RY{p5*&V{KeS^A!|IJ3cgOO(7HBdlLLR=
zcegd3f0_PnDA&8zvdLlo+xgw5*Zwo@y(!;eYE}!h-&ceC%eSvD8X~qb*FO|n9VYf-
z^F@y}UjN14{l4h4#%t%@^~a4jYVD2?7Y0+?LDc`Gxjtu)tjbBA+m{bCe`4;M<0ofE
zOr0L_{4!AX?wz;yI!r&wyuN$}Xh8UWIaz_#m(JdO*BhY>k-Btsy*vAnRV80vUu4{<
zb^rad^rTQT_Ov9{BU~M#0@?~;4r>}B7&kJF3c$ic2X}e~$~<`coBP$_qu2Xha-0S!
N^mO%eS?83{1OOg1ck=)M

literal 0
HcmV?d00001

diff --git a/src/pages/Page/vite-assets/imgs/img_2.png b/src/pages/Page/vite-assets/imgs/img_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..9caa92cd352ee3327b1a40fc07b1a05b7f18b46f
GIT binary patch
literal 1429
zcmZ`(Yg7^j6vp{lB;_)iNlKjF=xU}B!v|_MHI-uyR3K+IBj1WjJ`;~cI7?ybbZW|c
zWgsA-CS>M9rOdK?ge9OQ$I={D3?HfJa6k61d(J)Iz2ANQxaa;FfbjwWt$+Xk0OaHC
z83+J;6#@VlFpUiLOb*1bNe_?!KkP|8uCK2{p-?m$9TpZwrBYceR##Wo#KeRcO9bh|
zn-ab8$pFBXo((nl-F6EE05IO|<LQn~yP;P4ChR(C4mf*3m&dSU^gImR<X(t`G3yFq
zUqABLM%H>51tW5L22F}q<90bK5eRbdp7hMCy8BIw0q_@E?5Otos7ycO%ko-U;OdIZ
z(rEismsfauX2gSU7zb3z&DEDiP_^S3OY)`sGFDq5hw&qeb;kciOc#gW@0xysgHdNG
zQKIa0>L)3-bHR6ZDI-GL+r~!C*HZF2Z<8<Kb?Rp__k|wQDQsWRyWs%7RP}*iI%YUw
zl6-9ZRg86XOdZ}aSoNt&_5iVvAkLWYR$Vq-ggPVBGQ=$EI7)Go|MvaV@#1S#^qEza
z$C;U+?2IT}212YUrhf}rNiBn(qx$)>QOEA4nZ6{(XLTmo<ByD|6@*59n81@#T#~D~
zF^i8G11)WmrXY;0s;{kU<>-M~^^}p!>kz)7MiN<Vn|O#kA6Ulya1E_^wAfQu$>1~&
z6oGfDmBTK6zP>ABMHMC<QNM=rmkk8pX2mx|=u%o>^P^G1Trq)I*}P0a@+<?DKhLkc
z(Z0)vHbTyccC24OL}%Zq5Q67?RfxM0oueqG`yb6qwYYtu^h}=N&fKSm@elQQ#lkjA
zaUbj&F9$-)cJO>=-L9T(opi~n>doJ3!%4ASCGu33SJ>mQxrKa2D<`GB8;8bNv}BiZ
zJ2nEp@moFGonoz}-#=;lNN#C~;C=kW1g=P_<PHR#9J-l0f+}<u?ZcCcaPC5QEF`km
zC&;*uvl|cI+a$Tu5w7@7UL|5j^!oc-PhNc5GD+IsKu&g8644r+$TmVL<r&CYcWt^*
z(yXZ*A`>x#JrrWMN=7!zr8|M0f8hz9|3#-%T~^`0fsAoQaui*}9)QJ@FjlFPB+Iwl
zB;#f??6fR3Vb1f3+N^s>e$_^86ib*;-IUgo9dwx?1mOa~^r(??Rq4>3$1Zh@5AOpK
z+ar48W`&cayIjEt64|(m>3Z*nDC<Y&ODRE$X-}2;od$BAd=z=5Aj``BuyV7Dy;&ky
z+E6%xvlOV|*DE`K-9zn9sR<hugj5>8PqXcmTePr{s2}7oTrOz6m&vsd$oI|OqU<(g
zE<CT`=Ct065q>q)^>s45DRx+6)1I)^y3}TjIBpm?k*Gj14ZJUP57blk8Zy`7cotjE
zvjtj^0UP$>xRIR}6h2el$qsWHn?V-iN-v_UhH@NX#}W?u(i&i(m%$<7QCdC><V`!@
z_|r`Ryj~(4KGaWZ8$}fv1cZ>qg4mk=!0_~%TEB3d-Ul{G{K9E*a4wPtZWO?ufP-F^
zO7e*ZxdN^En5ZVU1lTXC`MX*I?0-nw9)v$^SG-s|j}5VzDN)0@0_Td)bsI~PvN6X?
zrmS0sLFbcc;L_CR&xl?}0a10TKf_+p*@8lX*AO+mP8FH-YL7#gK+CyN9_IGmtAO-4
z2_0=3TDo%DX}VUy7@OWc^`N5wgRkB&d9z+BO_uf+Wv{O6UET7ausqw*t{t>ISo_Z%
zcQm0yZla4k9S@nq5a{~mV~HcEqP6~EleiQ33PdF2vBn;K;CjC11W->b?_XP*D<%}n
zZXXF<PWem~jG`7Ain+l5F4X(~>&%V7G4-VJmp>K&;Ko`tX1SU}Pw`dfHu8K<Vm$dC
HXLJ7rx`?o>

literal 0
HcmV?d00001

diff --git a/src/pages/Page/vite-assets/index.page.vue b/src/pages/Page/vite-assets/index.page.vue
new file mode 100644
index 0000000..5f92a8b
--- /dev/null
+++ b/src/pages/Page/vite-assets/index.page.vue
@@ -0,0 +1,46 @@
+<!--
+ https://cn.vitejs.dev/guide/#new-url-url-import-meta-url
+-->
+<script setup lang="ts">
+function getImageUrl(name: string) {
+  return new URL(`./imgs/img_${name}.png`, import.meta.url).href;
+}
+
+const img_modules = import.meta.glob<{ default: string }>('./imgs/*.png', { eager: true });
+</script>
+
+<template>
+  <div>
+    <div b="1px solid pink">
+      getImageUrl('1'): {{ getImageUrl('1') }}
+      <img :src="getImageUrl('1')" alt="img_1" />
+    </div>
+    <br />
+    <div b="1px solid pink">
+      getImageUrl('2'): {{ getImageUrl('2') }}
+      <img :src="getImageUrl('2')" alt="img_2" />
+    </div>
+  </div>
+  <div class="space-y-4" p="4" b="1px solid pink" mt-4>
+    <h3>img_modules</h3>
+    <div v-for="(img, name) in img_modules" :key="name" b="1px solid pink">
+      <p>name: {{ name }}</p>
+      <img :src="img.default" :alt="name" />
+    </div>
+    <pre class="text-left">img_modules :>> {{ JSON.stringify(img_modules, null, 2) }}</pre>
+  </div>
+</template>
+
+<style scoped>
+img {
+  border: 1px solid #eee;
+  border-radius: 4px;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  max-width: 100%;
+  height: 40px;
+}
+pre {
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+</style>
diff --git a/typed-router.d.ts b/typed-router.d.ts
index 6442ea9..f1799fb 100644
--- a/typed-router.d.ts
+++ b/typed-router.d.ts
@@ -36,6 +36,7 @@ declare module 'vue-router/auto-routes' {
     'PageMDPage': RouteRecordInfo<'PageMDPage', '/Page/MDPage', Record<never, never>, Record<never, never>>,
     'PageP5Js': RouteRecordInfo<'PageP5Js', '/Page/p5_js', Record<never, never>, Record<never, never>>,
     'PageStyle': RouteRecordInfo<'PageStyle', '/Page/Style', Record<never, never>, Record<never, never>>,
+    'PageViteAssets': RouteRecordInfo<'PageViteAssets', '/Page/vite-assets', Record<never, never>, Record<never, never>>,
     'PkgsUsageI18n': RouteRecordInfo<'PkgsUsageI18n', '/PkgsUsage/I18n', Record<never, never>, Record<never, never>>,
     'PkgsUsageTsEnumUtil': RouteRecordInfo<'PkgsUsageTsEnumUtil', '/PkgsUsage/ts-enum-util', Record<never, never>, Record<never, never>>,
     'UIComponentsAntdV': RouteRecordInfo<'UIComponentsAntdV', '/UI-components/AntdV', Record<never, never>, Record<never, never>>,