Merge pull request #4 from zzzi-ori/image-load

add preload block

src/App.vue

@@ -1,9 +1,10 @@
 <template>
   <layout>
-    <router-view/>
+    <router-view />
   </layout>
+  <preload />
 </template>
 <script setup lang="ts">
-import {RouterView} from 'vue-router'
+import { RouterView } from 'vue-router'
 import Layout from './components/Layout.vue'
 </script>

src/components/Preload.vue

@@ -0,0 +1,26 @@
+<template>
+  <div class="hidden">
+    <img :src="b1" alt="preload" />
+    <img :src="b2" alt="preload" />
+    <img :src="b3" alt="preload" />
+    <img :src="b4" alt="preload" />
+    <img :src="b5" alt="preload" />
+    <img :src="b6" alt="preload" />
+    <img :src="b7" alt="preload" />
+    <img :src="b8" alt="preload" />
+    <img :src="b9" alt="preload" />
+    <img :src="b10" alt="preload" />
+  </div>
+</template>
+<script setup lang="ts">
+import b1 from '@/assets/block/1.png'
+import b2 from '@/assets/block/2.png'
+import b3 from '@/assets/block/3.png'
+import b4 from '@/assets/block/4.png'
+import b5 from '@/assets/block/5.png'
+import b6 from '@/assets/block/6.png'
+import b7 from '@/assets/block/7.png'
+import b8 from '@/assets/block/8.png'
+import b9 from '@/assets/block/9.png'
+import b10 from '@/assets/block/10.png'
+</script>