diff --git a/package.json b/package.json
index cdc8f66..2c0ebde 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
+    "dev:host": "vite --host 0.0.0.0",
     "build": "vue-tsc -b && vite build",
     "preview": "vite preview"
   },
@@ -19,6 +20,7 @@
     "@vitejs/plugin-vue": "^5.1.2",
     "typescript": "^5.5.3",
     "vite": "^5.4.0",
+    "vite-plugin-singlefile": "^2.0.2",
     "vue-tsc": "^2.0.29"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 3118240..3cca68d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -33,6 +33,9 @@ importers:
       vite:
         specifier: ^5.4.0
         version: 5.4.0(@types/node@22.1.0)(sass@1.77.8)
+      vite-plugin-singlefile:
+        specifier: ^2.0.2
+        version: 2.0.2(rollup@4.20.0)(vite@5.4.0(@types/node@22.1.0)(sass@1.77.8))
       vue-tsc:
         specifier: ^2.0.29
         version: 2.0.29(typescript@5.5.4)
@@ -493,6 +496,10 @@ packages:
   magic-string@0.30.11:
     resolution: {integrity: sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==}
 
+  micromatch@4.0.7:
+    resolution: {integrity: sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==}
+    engines: {node: '>=8.6'}
+
   minimatch@9.0.5:
     resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -581,6 +588,13 @@ packages:
     peerDependencies:
       vue: ^3.0.11
 
+  vite-plugin-singlefile@2.0.2:
+    resolution: {integrity: sha512-Z2ou6HcvED5CF0hM+vcFSaFa+klyS8RyyLxW0PbMRLnMbvzTI6ueWyxdYNFhpuXZgz/aj6+E/dHFTdEcw6gb9w==}
+    engines: {node: '>18.0.0'}
+    peerDependencies:
+      rollup: ^4.18.0
+      vite: ^5.3.1
+
   vite@5.4.0:
     resolution: {integrity: sha512-5xokfMX0PIiwCMCMb9ZJcMyh5wbBun0zUzKib+L65vAZ8GY9ePZMXxFrHbr/Kyll2+LSCY7xtERPpxkBDKngwg==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -1016,6 +1030,11 @@ snapshots:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
 
+  micromatch@4.0.7:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.1
+
   minimatch@9.0.5:
     dependencies:
       brace-expansion: 2.0.1
@@ -1118,6 +1137,12 @@ snapshots:
       evtd: 0.2.4
       vue: 3.4.37(typescript@5.5.4)
 
+  vite-plugin-singlefile@2.0.2(rollup@4.20.0)(vite@5.4.0(@types/node@22.1.0)(sass@1.77.8)):
+    dependencies:
+      micromatch: 4.0.7
+      rollup: 4.20.0
+      vite: 5.4.0(@types/node@22.1.0)(sass@1.77.8)
+
   vite@5.4.0(@types/node@22.1.0)(sass@1.77.8):
     dependencies:
       esbuild: 0.21.5
diff --git a/src/App.vue b/src/App.vue
index e4b1ffb..61a0e72 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,8 +3,8 @@ import { onMounted, reactive } from 'vue';
 import { NIcon, NScrollbar } from 'naive-ui';
 import { EyeOffOutline, EyeOutline, CloseOutline, CopyOutline, EllipsisVertical } from '@vicons/ionicons5'
 import miaoDirectory from './views/miaoDirectory.vue';
-import VirtualPage from './class/virtualPage';
-import VirtualDirectory from './class/virtualDirectory';
+import VirtualPage from './class/VirtualPage';
+import VirtualDirectory from './class/VirtualDirectory';
 
 const views = reactive<VirtualPage[]>([])
 
diff --git a/src/class/virtualPage.ts b/src/class/virtualPage.ts
index 81fbf9d..ae584dc 100644
--- a/src/class/virtualPage.ts
+++ b/src/class/virtualPage.ts
@@ -1,4 +1,4 @@
-import VirtualDirectory from "./virtualDirectory";
+import VirtualDirectory from "./VirtualDirectory";
 import generateId from "@/hooks/generateId";
 
 const getRandomWebSafeColor = (() => {
diff --git a/src/components/miaoDirectory/miaoDirectoryItem.vue b/src/components/miaoDirectory/miaoDirectoryItem.vue
index 9c8eceb..f31e718 100644
--- a/src/components/miaoDirectory/miaoDirectoryItem.vue
+++ b/src/components/miaoDirectory/miaoDirectoryItem.vue
@@ -22,7 +22,7 @@
 
 <script setup lang="ts">
 
-import VirtualDirectory, { VirtualFile } from '@/class/virtualDirectory';
+import VirtualDirectory, { VirtualFile } from '@/class/VirtualDirectory';
 import { DocumentText, FileTray, Help, Image, LogoChrome, LogoCss3, LogoJavascript, LogoVue, PlayCircle, EllipsisVertical, Disc } from '@vicons/ionicons5';
 import { computed, ref } from 'vue';
 import dateFormatter from '@/hooks/dateFormatter';
diff --git a/src/views/miaoDirectory.vue b/src/views/miaoDirectory.vue
index 84ab16e..c9b6557 100644
--- a/src/views/miaoDirectory.vue
+++ b/src/views/miaoDirectory.vue
@@ -51,7 +51,7 @@
 <script setup lang="ts">
 import { NBreadcrumbItem, NBreadcrumb, NIcon, NScrollbar } from 'naive-ui'
 import type { file, directory } from '@/types/type.ts'
-import VirtualDirectory from '@/class/virtualDirectory';
+import VirtualDirectory from '@/class/VirtualDirectory';
 import { onMounted, ref } from 'vue';
 import Config from '@/config'
 import dropHandler, { dropHandlerHooks } from '@/hooks/dropHandler';
@@ -112,11 +112,11 @@ const openUrl = (href: string, config?: {
 }) => {
     let {target, download} = config ?? {}
 
-    console.log({target, download})
+    console.log({target, download, href})
     const a = document.createElement('a');
     a.setAttribute('href', href);
     a.setAttribute('target', target ?? '_blank')
-    a.setAttribute('download', download ?? '');
+    download && a.setAttribute('download', download);
     a.click();
     // var a = document.createElement("a");
     // a.setAttribute('href', href)
diff --git a/vite.config.ts b/vite.config.ts
index f9aa2c9..1186463 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,10 +1,11 @@
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import { resolve } from "path";
+import { viteSingleFile } from "vite-plugin-singlefile"
 
 // https://vitejs.dev/config/
 export default defineConfig({
-	plugins: [vue()],
+	plugins: [vue(), viteSingleFile()],
 	resolve: {
 		alias: {
 			"@": resolve(__dirname, "src")