chore: format code

vant-ui · Dec 28, 2023 · 9dae425 · 9dae425
1 parent 1f75086
commit 9dae425
Show file tree

Hide file tree

Showing 5 changed files with 80 additions and 76 deletions.
diff --git a/src/main.ts b/src/main.ts
@@ -1,7 +1,7 @@
-import { createApp } from 'vue'
-import '@unocss/reset/tailwind.css'
-import '@vue/repl/style.css'
-import './vars.scss'
-import App from './App.vue'
+import { createApp } from 'vue';
+import '@unocss/reset/tailwind.css';
+import '@vue/repl/style.css';
+import './vars.scss';
+import App from './App.vue';
 
-createApp(App).mount('#app')
+createApp(App).mount('#app');
diff --git a/src/store.ts b/src/store.ts
@@ -1,61 +1,61 @@
 // custom repl's store
-import { File, ReplStore, type StoreOptions, type StoreState } from "@vue/repl";
-import { utoa, genCdnLink } from "./utils";
+import { File, ReplStore, type StoreOptions, type StoreState } from '@vue/repl';
+import { utoa, genCdnLink } from './utils';
 
-import welcomeCode2 from "./template/App.vue?raw";
-import welcomeCode from "./template/App.vue?raw";
-import mainCode from "./template/main.vue?raw";
-import vantCode from "./template/vant.ts?raw";
-import tsconfigCode from "./template/tsconfig.json?raw";
-import { computed, reactive, shallowRef } from "vue";
+import welcomeCode2 from './template/App.vue?raw';
+import welcomeCode from './template/App.vue?raw';
+import mainCode from './template/main.vue?raw';
+import vantCode from './template/vant.ts?raw';
+import tsconfigCode from './template/tsconfig.json?raw';
+import { computed, reactive, shallowRef } from 'vue';
 
 interface Dependency {
   pkg?: string;
   version?: string;
   path: string;
 }
 
-const MAIN_FILE = "src/PlaygroundMain.vue";
-const WELCOME_FILE = "src/App.vue";
-const VANT_FILE = "src/vant.ts";
-const TSCONFIG = "tsconfig.json";
-const IMPORT_MAP_FILE = "import-map.json";
+const MAIN_FILE = 'src/PlaygroundMain.vue';
+const WELCOME_FILE = 'src/App.vue';
+const VANT_FILE = 'src/vant.ts';
+const TSCONFIG = 'tsconfig.json';
+const IMPORT_MAP_FILE = 'import-map.json';
 
 const genVantCode = () => {
-  return vantCode.replace("#STYLE#", genCdnLink("vant", "", "/lib/index.css"));
+  return vantCode.replace('#STYLE#', genCdnLink('vant', '', '/lib/index.css'));
 };
 
 const getImportMap = () => {
   const deps: Record<string, Dependency> = {
     vue: {
-      pkg: "@vue/runtime-dom",
-      version: "",
-      path: "/dist/runtime-dom.esm-browser.js",
+      pkg: '@vue/runtime-dom',
+      version: '',
+      path: '/dist/runtime-dom.esm-browser.js',
     },
-    "vue/server-renderer": {
-      pkg: "@vue/server-renderer",
-      version: "",
-      path: "/dist/server-renderer.esm-browser.js",
+    'vue/server-renderer': {
+      pkg: '@vue/server-renderer',
+      version: '',
+      path: '/dist/server-renderer.esm-browser.js',
     },
-    "@vue/shared": {
-      version: "",
-      path: "/dist/shared.esm-bundler.js",
+    '@vue/shared': {
+      version: '',
+      path: '/dist/shared.esm-bundler.js',
     },
-    "vant/lib/index.css": {
-      version: "",
-      path: "",
+    'vant/lib/index.css': {
+      version: '',
+      path: '',
     },
     vant: {
-      version: "",
-      path: "/es/index.mjs",
+      version: '',
+      path: '/es/index.mjs',
     },
-    "@vant/use": {
-      version: "",
-      path: "/dist/index.esm.mjs",
+    '@vant/use': {
+      version: '',
+      path: '/dist/index.esm.mjs',
     },
-    "@vant/popperjs": {
-      version: "",
-      path: "/dist/index.esm.mjs",
+    '@vant/popperjs': {
+      version: '',
+      path: '/dist/index.esm.mjs',
     },
   };
 
@@ -64,7 +64,7 @@ const getImportMap = () => {
       Object.entries(deps).map(([key, dep]) => [
         key,
         genCdnLink(dep.pkg ?? key, dep.version, dep.path),
-      ])
+      ]),
     ),
   };
   return res;
@@ -76,16 +76,16 @@ const _files = {
   [TSCONFIG]: tsconfigCode,
 };
 
-const userFiles = location.hash.slice(1)
+const userFiles = location.hash.slice(1);
 // const userFiles = "";
 
 class VantReplStore extends ReplStore {
   constructor(storeOptions: StoreOptions = {}) {
     super(storeOptions);
-    this.state.mainFile = MAIN_FILE
+    this.state.mainFile = MAIN_FILE;
     this.addFile(new File(MAIN_FILE, mainCode, true));
     this.addFile(new File(VANT_FILE, genVantCode(), true));
-    this.setActive(WELCOME_FILE)
+    this.setActive(WELCOME_FILE);
   }
 }
 const store = new VantReplStore({

diff --git a/src/template/vant.ts b/src/template/vant.ts
@@ -1,23 +1,23 @@
-import { getCurrentInstance } from 'vue'
-import Vant from 'vant'
+import { getCurrentInstance } from 'vue';
+import Vant from 'vant';
 
-let installed = false
-await loadStyle()
+let installed = false;
+await loadStyle();
 
 export function setupVant() {
-  if (installed) return
-  const instance = getCurrentInstance()
-  instance.appContext.app.use(Vant)
-  installed = true
+  if (installed) return;
+  const instance = getCurrentInstance();
+  instance.appContext.app.use(Vant);
+  installed = true;
 }
 
 function loadStyle() {
   return new Promise((resolve, reject) => {
-    const link = document.createElement('link')
-    link.rel = 'stylesheet'
-    link.href = '#STYLE#'
-    link.addEventListener('load', resolve)
-    link.addEventListener('error', reject)
-    document.body.append(link)
-  })
+    const link = document.createElement('link');
+    link.rel = 'stylesheet';
+    link.href = '#STYLE#';
+    link.addEventListener('load', resolve);
+    link.addEventListener('error', reject);
+    document.body.append(link);
+  });
 }
diff --git a/src/utils.ts b/src/utils.ts
@@ -1,4 +1,4 @@
-import { zlibSync, unzlibSync, strToU8, strFromU8 } from "fflate";
+import { zlibSync, unzlibSync, strToU8, strFromU8 } from 'fflate';
 
 export function debounce(fn: Function, n = 100) {
   let handle: any;
@@ -10,10 +10,14 @@ export function debounce(fn: Function, n = 100) {
   };
 }
 
-export const genCdnLink = (pkg: string, version: string | undefined, path: string) => {
-  version = version ? `@${version}` : "";
-  switch ("jsdelivr") {
-    case "jsdelivr":
+export const genCdnLink = (
+  pkg: string,
+  version: string | undefined,
+  path: string,
+) => {
+  version = version ? `@${version}` : '';
+  switch ('jsdelivr') {
+    case 'jsdelivr':
       return `https://cdn.jsdelivr.net/npm/${pkg}${version}${path}`;
     // case 'jsdelivr-fastly':
     //   return `https://fastly.jsdelivr.net/npm/${pkg}${version}${path}`
@@ -33,7 +37,7 @@ export function atou(base64: string): string {
   const binary = atob(base64);
 
   // zlib header (x78), level 9 (xDA)
-  if (binary.startsWith("\x78\xDA")) {
+  if (binary.startsWith('\x78\xDA')) {
     const buffer = strToU8(binary, true);
     const unzipped = unzlibSync(buffer);
     return strFromU8(unzipped);

diff --git a/vite.config.ts b/vite.config.ts
@@ -1,20 +1,20 @@
-import fs from "node:fs";
-import path from "node:path";
-import { defineConfig } from "vite";
-import vue from "@vitejs/plugin-vue";
-import Inspect from 'vite-plugin-inspect'
-const pathSrc = path.resolve(__dirname, "src");
+import fs from 'node:fs';
+import path from 'node:path';
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import Inspect from 'vite-plugin-inspect';
+const pathSrc = path.resolve(__dirname, 'src');
 
 // https://vitejs.dev/config/
 export default defineConfig({
   resolve: {
     alias: {
-      "@": pathSrc,
+      '@': pathSrc,
     },
   },
   build: {
     rollupOptions: {
-      external: ["typescript"],
+      external: ['typescript'],
     },
   },
   server: {
@@ -28,13 +28,13 @@ export default defineConfig({
         propsDestructure: true,
         fs: {
           fileExists: fs.existsSync,
-          readFile: (file) => fs.readFileSync(file, "utf-8"),
+          readFile: (file) => fs.readFileSync(file, 'utf-8'),
         },
       },
     }),
     Inspect(),
   ],
   optimizeDeps: {
-    exclude: ["@vue/repl"],
+    exclude: ['@vue/repl'],
   },
 });