style: 格式化代码

Author: rennzhang

.eslintcache

@@ -0,0 +1,2 @@
+unsafe-perm=true
+registry = https://registry.npmjs.org/

.npmrc

@@ -1,6 +1,6 @@
 import theme from "vitepress/dist/client/theme-default/index.js";
 import "./styles/index.css";
-import 'virtual:uno.css';
+import "virtual:uno.css";
 
 export default {
   ...theme,

docs/.vitepress/theme/index.ts

@@ -3,6 +3,4 @@
 // @ts-nocheck
 // Generated by unplugin-auto-import
 export {}
-declare global {
-
-}
+declare global {}

docs/auto-imports.d.ts

@@ -5,10 +5,10 @@
 // Read more: https://github.com/vuejs/core/pull/3399
 export {}
 
-declare module 'vue' {
+declare module "vue" {
   export interface GlobalComponents {
-    ElInput: typeof import('element-plus/es')['ElInput']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
+    ElInput: (typeof import("element-plus/es"))["ElInput"];
+    RouterLink: (typeof import("vue-router"))["RouterLink"];
+    RouterView: (typeof import("vue-router"))["RouterView"];
   }
 }

docs/components.d.ts

@@ -19,7 +19,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, defineProps, computed, watch, nextTick } from "vue";
+import { ref, defineProps, watch, nextTick } from "vue";
 import { useClipboard } from "@vueuse/core";
 import VCodeBlock from "@wdns/vue-code-block";
 import { useData } from "vitepress";

docs/demo/examples/Interactive/components/Example.vue

@@ -21,12 +21,12 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from "vue";
+import { computed } from "vue";
 import "codemirror/mode/apl/apl.js";
 import { ElSelect, ElOption, ElFormItem } from "element-plus";
 import { LangOption } from "../types";
 import { LANG_OPTIONS } from "../config/langOptions";
-const value = ref("javascript");
+// const value = ref("javascript");
 import { useStore } from "../store";
 const langOptions = computed(() => {
   // LANG_OPTIONS

docs/demo/examples/Interactive/components/LangSelect.vue

@@ -12,7 +12,7 @@
   />
 </template>
 <script lang="ts" setup>
-import { ref, reactive, computed, watch, nextTick, inject, unref } from "vue";
+import { ref, reactive, computed, inject } from "vue";
 import { Editor, EditorConfiguration } from "codemirror";
 import Codemirror from "codemirror-editor-vue3";
 

docs/demo/examples/Interactive/demo.vue

@@ -38,7 +38,7 @@ watch(
     const temp = TemplateRaw;
     console.log(" watch store", val, oldVal, val.themePath?.length);
 
-    const transHeight = typeof val.height == "string" ? val.height : val.height + "";
+    // const transHeight = typeof val.height == "string" ? val.height : val.height + "";
     jsTemp.value = temp
       .replace("%code%", val.code)
       .replace("%theme%", val.theme)

docs/demo/examples/Interactive/index.vue

@@ -1,6 +1,6 @@
 import { useData } from "vitepress";
 import { LANG_OPTIONS, DEFAULT_LANG_OPT } from "./config/langOptions";
-import { reactive, watch, nextTick, onMounted } from "vue";
+import { reactive, watch, onMounted } from "vue";
 export const store = reactive({
   height: "400px" as string | number,
   width: "100%",

docs/demo/examples/Interactive/store.ts

@@ -3,12 +3,10 @@ aside: false
 ---
 
 # Code syntax check
-::: tip
-Here are some examples of code syntax checking(code lint), currently supported for js, json.
 
-Click on the blue font below to see the effect.
-:::
+::: tip Here are some examples of code syntax checking(code lint), currently supported for js, json.
 
+Click on the blue font below to see the effect. :::
 
 <component v-if="CaseContainer" :is="CaseContainer"></component>
 

docs/example/codeLint.md

@@ -8,8 +8,7 @@ More cases are being updated...
 
 # Interactive Example
 
-::: tip
-You can get rich examples through the following configurations.
+::: tip You can get rich examples through the following configurations.
 
 :::
 

docs/example/index.md

@@ -1,6 +1,7 @@
 # Component Events
 
-> The following three are only the events encapsulated by this component. Please refer to more events [Codemirror Events](./events#codemirror-events)
+> The following three are only the events encapsulated by this component. Please refer to more events
+> [Codemirror Events](./events#codemirror-events)
 
 | event name |             description             | params                                |
 | ---------- | :---------------------------------: | :------------------------------------ |
@@ -99,7 +100,9 @@ const onChange = (val: string, cm: any) => {      // [!code focus]
 
 ::: tip
 
-The following events are official events of Codemirror5. You can refer to the official documents for details [Codemirror Event](https://codemirror.net/doc/manual.html#events)，You can use this component to bind events directly through components, for example：
+The following events are official events of Codemirror5. You can refer to the official documents for details
+[Codemirror Event](https://codemirror.net/doc/manual.html#events)，You can use this component to bind events directly
+through components, for example：
 
 :::