重新调整prettier格式化

.eslintrc.js

@@ -1,46 +1,46 @@
 /**
- * @introduction 详见： 
- *  eslint rules： https://eslint.bootcss.com/docs/rules/
+ * eslint rules： https://eslint.bootcss.com/docs/rules/
  *  eslint typescript rules： https://www.npmjs.com/package/@typescript-eslint/eslint-plugin
+ *
+ * @format
+ * @introduction 详见：
  */
+
 module.exports = {
-    "env": {
-        "browser": true,
-        "es2021": true
-    },
-    "extends": [
-        "eslint:recommended",
-        "plugin:vue/essential",
-        "plugin:@typescript-eslint/recommended"
-    ],
-    "parserOptions": {
-        "ecmaVersion": 12,
-        "parser": "@typescript-eslint/parser",
-        "sourceType": "module"
-    },
-    "plugins": [
-        "vue",
-        "@typescript-eslint"
-    ],
-    "rules": {
-        "no-alert": "off",
-        "no-unsafe-finally": "off",
-        "no-empty": "off",
-        "no-extra-boolean-cast": "off",
-        //是否禁用不必要的\转义字符
-        "no-useless-escape": "off",
-        "@typescript-eslint/no-var-requires": "off",
-        "@typescript-eslint/no-empty-function": "off",
-        "@typescript-eslint/no-unused-vars": "off",
-        //允许!非空断言
-        "@typescript-eslint/no-non-null-assertion": "off",
-        //允许声明any类型
-        "@typescript-eslint/no-explicit-any": "off",
-        //导出函数和类的公共类方法是否需要显式返回和参数类型 
-        "@typescript-eslint/explicit-module-boundary-types": "off",
-        //是否允许空接口（interface）
-        "@typescript-eslint/no-empty-interface": ["off"],
-        //是否允许有额外的分号（;），如{}块级作用域后就不需要;
-        "@typescript-eslint/no-extra-semi": ["warn"]
-    }
+	env: {
+		browser: true,
+		es2021: true,
+	},
+	extends: [
+		'eslint:recommended',
+		'plugin:vue/essential',
+		'plugin:@typescript-eslint/recommended',
+	],
+	parserOptions: {
+		ecmaVersion: 12,
+		parser: '@typescript-eslint/parser',
+		sourceType: 'module',
+	},
+	plugins: ['vue', '@typescript-eslint'],
+	rules: {
+		'no-alert': 'off',
+		'no-unsafe-finally': 'off',
+		'no-empty': 'off',
+		'no-extra-boolean-cast': 'off',
+		//是否禁用不必要的\转义字符
+		'no-useless-escape': 'off',
+		'@typescript-eslint/no-var-requires': 'off',
+		'@typescript-eslint/no-empty-function': 'off',
+		'@typescript-eslint/no-unused-vars': 'off',
+		//允许!非空断言
+		'@typescript-eslint/no-non-null-assertion': 'off',
+		//允许声明any类型
+		'@typescript-eslint/no-explicit-any': 'off',
+		//导出函数和类的公共类方法是否需要显式返回和参数类型
+		'@typescript-eslint/explicit-module-boundary-types': 'off',
+		//是否允许空接口（interface）
+		'@typescript-eslint/no-empty-interface': ['off'],
+		//是否允许有额外的分号（;），如{}块级作用域后就不需要;
+		'@typescript-eslint/no-extra-semi': ['warn'],
+	},
 };

README.md

@@ -1,32 +1,21 @@
-捣鼓的一个biu涕仸音乐网站~~  🤗🤗🤗🤗🤗
-
-后端接口使用：[`Binaryify`](https://binaryify.github.io/NeteaseCloudMusicApi)
+<!-- @format -->
 
+捣鼓的一个 biu 涕仸音乐网站~~ &#129303;&#129303;&#129303;&#129303;&#129303;
 
+后端接口使用：[`Binaryify`](https://binaryify.github.io/NeteaseCloudMusicApi)
 
 目前还在开发中~~
 
-还是先看看几张app界面😊：
+还是先看看几张 app 界面 😊：
 
 ![](./public/img/homepage.png)
 
-
-
 ![](./public/img/myPage.png)
 
-
-
 ![](./public/img/songlist.png)
 
-
-
 ![](./public/img/myPlaylist.png)
 
-
-
 ![](./public/img/singerDetail.png)
 
-
-
 ![](./public/img/lyricDetailPage.png)
-

global.d.ts

@@ -1,92 +1,92 @@
+/** @format */
+
 interface document {
-  documentMode: number;
+	documentMode: number;
 }
 
 interface BeforeInstallPromptEvent extends Event {
-  platforms: string[];
-  timeStamp: number;
-  type: "beforeinstallprompt";
-  prompt: () => void;
-  userChoice: Promise<{
-    outcome: 'dismissed' | 'accepted' | string;
-    platform: string;
-  }>
+	platforms: string[];
+	timeStamp: number;
+	type: 'beforeinstallprompt';
+	prompt: () => void;
+	userChoice: Promise<{
+		outcome: 'dismissed' | 'accepted' | string;
+		platform: string;
+	}>;
 }
 
 interface WindowEventMap {
-  beforeinstallprompt: BeforeInstallPromptEvent
+	beforeinstallprompt: BeforeInstallPromptEvent;
 }
 
 interface Event {
-  detail: any;
+	detail: any;
 }
 
 interface Navigator {
-  getBattery: () => Promise<any>;
-  battery: PlainObject;
-  mozBattery: PlainObject;
-  webkitBattery: PlainObject;
+	getBattery: () => Promise<any>;
+	battery: PlainObject;
+	mozBattery: PlainObject;
+	webkitBattery: PlainObject;
 }
 
 interface window {
-  webkitAudioContext: AudioContext;
-  requestIdleCallback: (cb: CommonFunction, options?: { timeout: number }) => void;
+	webkitAudioContext: AudioContext;
+	requestIdleCallback: (cb: CommonFunction, options?: { timeout: number }) => void;
 }
 
 declare type CommonFunction = (...args: any[]) => any;
 
 declare type PlainObject<T = any> = Record<string, T>;
 
 //让数组也继承纯对象特性
-interface Array<T> extends PlainObject<T> { }
+interface Array<T> extends PlainObject<T> {}
 
 declare type Writeable<T> = {
-  -readonly [K in keyof T]: T[K];
+	-readonly [K in keyof T]: T[K];
 };
 
 declare type FuncParamsType<T extends (...args: any[]) => any> = T extends (
-  ...args: infer P
+	...args: infer P
 ) => any
-  ? P
-  : T;
+	? P
+	: T;
 
 declare type CtorParamsType<T extends abstract new (...args: any[]) => any> =
-  T extends new (...args: infer P) => any ? P : never;
+	T extends new (...args: infer P) => any ? P : never;
 
 /**
  * UnionToIntersection<{ a: string } | { b: string }> = { a: string } & { b: string }
  */
 declare type UnionToIntersection<T> = (T extends any ? (x: T) => any : never) extends (
-  x: infer U
+	x: infer U,
 ) => any
-  ? U
-  : never;
+	? U
+	: never;
 
 /**
  * LastUnion<'a' | 'b'> = 'b'
  */
 declare type LastUnion<T> = UnionToIntersection<
-  T extends any
-  ? (x: T) => any
-  : never
+	T extends any ? (x: T) => any : never
 > extends (x: infer L) => any
-  ? L
-  : never;
+	? L
+	: never;
 
 /**
  * UnionToTuple<'a' | 'b'> = ['a', 'b']
  */
 declare type UnionToTuple<T, Last = LastUnion<T>> = [T] extends [never]
-  ? []
-  : [...UnionToTuple<Exclude<T, Last>>, Last];
-
-declare module "*.css";
-declare module "*.scss";
-declare module "*.json";
-declare module "*.png";
-declare module "*.jpg";
-declare module "*.webp";
-declare module "*.svg";
+	? []
+	: [...UnionToTuple<Exclude<T, Last>>, Last];
+
+declare module '*.css';
+declare module '*.scss';
+declare module '*.json';
+declare module '*.png';
+declare module '*.jpg';
+declare module '*.webp';
+declare module '*.svg';
 
 // declare module "colorthief" {
 //   class ColorThief {

index.html

@@ -1,31 +1,39 @@
+<!-- @format -->
+
 <!DOCTYPE html>
 <html lang="ZH-CN">
-<head>
-  <meta charset="UTF-8"> 
-  <meta name="description" content="一款基于网易云API的高颜值音乐播放器——RefrainMusic"/>
-  <meta name="keywords" content="github,netease,网易云,Binaryify,music,player,音乐播放器,vue,vite,axios,fetch,rollup,ryoko,pinia,vue-router," />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> 
-  <title>RefrainMusic</title>
-  <link rel="apple-touch-icon" sizes="180x180" href="/pwa/apple-touch-icon.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="/pwa/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="/pwa/favicon-16x16.png"> 
-  <link rel="mask-icon" href="/pwa/safari-pinned-tab.svg" color="#5bbad5">
-  <meta name="msapplication-TileColor" content="#da532c">
-  <meta name="theme-color" content="#ffffff">
-  <!-- 百度统计 -->
-  <script>
-    var _hmt = _hmt || [];
-    (function() {
-      var hm = document.createElement("script");
-      hm.src = "https://hm.baidu.com/hm.js?0bdd89cd87a56446aed16041d9b1496a";
-      var s = document.getElementsByTagName("script")[0]; 
-      s.parentNode.insertBefore(hm, s);
-    })();  
-  </script>
-</head>
-<body>
-  <main id="Yuan-Player"></main>
-  <script type="module" src="/src/main.ts"></script>
-</body>
-</html>
+	<head>
+		<meta charset="UTF-8" />
+		<meta
+			name="description"
+			content="一款基于网易云API的高颜值音乐播放器——RefrainMusic"
+		/>
+		<meta
+			name="keywords"
+			content="github,netease,网易云,Binaryify,music,player,音乐播放器,vue,vite,axios,fetch,rollup,ryoko,pinia,vue-router,"
+		/>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />
+		<title>RefrainMusic</title>
+		<link rel="apple-touch-icon" sizes="180x180" href="/pwa/apple-touch-icon.png" />
+		<link rel="icon" type="image/png" sizes="32x32" href="/pwa/favicon-32x32.png" />
+		<link rel="icon" type="image/png" sizes="16x16" href="/pwa/favicon-16x16.png" />
+		<link rel="mask-icon" href="/pwa/safari-pinned-tab.svg" color="#5bbad5" />
+		<meta name="msapplication-TileColor" content="#da532c" />
+		<meta name="theme-color" content="#ffffff" />
+		<!-- 百度统计 -->
+		<script>
+			var _hmt = _hmt || [];
+			(function() {
+			  var hm = document.createElement("script");
+			  hm.src = "https://hm.baidu.com/hm.js?0bdd89cd87a56446aed16041d9b1496a";
+			  var s = document.getElementsByTagName("script")[0];
+			  s.parentNode.insertBefore(hm, s);
+			})();
+		</script>
+	</head>
+	<body>
+		<main id="Yuan-Player"></main>
+		<script type="module" src="/src/main.ts"></script>
+	</body>
+</html>

postcss.config.js

@@ -1,9 +1,11 @@
-const PostcssPxtorem = require("postcss-pxtorem");
+/** @format */
+
+const PostcssPxtorem = require('postcss-pxtorem');
 
 module.exports = {
-  plugins: [
-    PostcssPxtorem({
-      propList: ["*"],
-    }),
-  ],
+	plugins: [
+		PostcssPxtorem({
+			propList: ['*'],
+		}),
+	],
 };