chore: bump prettier-config to v2

Author: ntnyq

.git-blame-ignore-revs

@@ -0,0 +1,5 @@
+# git-blame ignored revisions
+# To configure, run
+#   git config blame.ignoreRevsFile .git-blame-ignore-revs
+# Requires Git > 2.23
+# See https://git-scm.com/docs/git-blame#Documentation/git-blame.txt---ignore-revs-fileltfilegt

.vscode/extensions.json

@@ -3,6 +3,7 @@
     "streetsidesoftware.code-spell-checker",
     "editorconfig.editorconfig",
     "dbaeumer.vscode-eslint",
-    "esbenp.prettier-vscode"
+    "esbenp.prettier-vscode",
+    "antfu.unocss"
   ]
 }

.vscode/settings.json

@@ -1,15 +1,17 @@
 {
-  "prettier.enable": true,
   "eslint.enable": true,
+  "prettier.enable": true,
   "editor.formatOnSave": true,
+  "prettier.configPath": "./prettier.config.mjs",
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
   "editor.codeActionsOnSave": {
     "source.fixAll.eslint": "explicit",
-    "source.organizeImports": "never"
+    "source.organizeImports": "never",
+    "source.sortImports": "never"
   },
   "eslint.validate": [
     "vue",
     "yaml",
-    "html",
     "toml",
     "json",
     "jsonc",

docs/.vitepress/components/DropZone.vue

@@ -77,10 +77,10 @@ onMounted(() => {
 <template>
   <div
     v-if="isDragging"
-    class="pointer-events-auto fixed inset-0 z-dropzone p-10 backdrop-blur-5"
+    class="z-dropzone pointer-events-auto fixed inset-0 p-10 backdrop-blur-5"
   >
     <div
-      class="border-dashed- h-full w-full flex justify-center items-center flex-col border-3 border-base rounded-2xl bg-white/50 dark:bg-black:50"
+      class="border-dashed- border-base h-full w-full flex flex-col items-center justify-center border-3 rounded-2xl bg-white/50 dark:bg-black:50"
     >
       <p class="text-xl">Drop SVG file here</p>
     </div>

docs/.vitepress/components/Editor/index.vue

@@ -2,9 +2,10 @@
 import { useData } from 'vitepress/client'
 import { computed } from 'vue'
 import { Codemirror } from 'vue-codemirror'
-import { languages, type SupportLanguage } from './language'
+import { languages } from './language'
 import { githubDark, githubLight } from './theme'
 import type { Extension } from '@codemirror/state'
+import type { SupportLanguage } from './language'
 
 const props = withDefaults(
   defineProps<{

docs/.vitepress/components/Editor/theme.ts

@@ -17,7 +17,9 @@ export const defaultSettingsGithubLight: CreateThemeOptions['settings'] = {
   gutterForeground: '#6e7781',
 }
 
-export const createGithubLightTheme = (options?: Partial<CreateThemeOptions>) => {
+export const createGithubLightTheme = (
+  options?: Partial<CreateThemeOptions>,
+) => {
   const { theme = 'light', settings = {}, styles = [] } = options || {}
   return createTheme({
     theme,
@@ -29,8 +31,14 @@ export const createGithubLightTheme = (options?: Partial<CreateThemeOptions>) =>
       { tag: [t.standard(t.tagName), t.tagName], color: '#116329' },
       { tag: [t.comment, t.bracket], color: '#6a737d' },
       { tag: [t.className, t.propertyName], color: '#6f42c1' },
-      { tag: [t.variableName, t.attributeName, t.number, t.operator], color: '#005cc5' },
-      { tag: [t.keyword, t.typeName, t.typeOperator, t.typeName], color: '#d73a49' },
+      {
+        tag: [t.variableName, t.attributeName, t.number, t.operator],
+        color: '#005cc5',
+      },
+      {
+        tag: [t.keyword, t.typeName, t.typeOperator, t.typeName],
+        color: '#d73a49',
+      },
       { tag: [t.string, t.meta, t.regexp], color: '#032f62' },
       { tag: [t.name, t.quote], color: '#22863a' },
       { tag: [t.heading, t.strong], color: '#24292e', fontWeight: 'bold' },
@@ -58,7 +66,9 @@ export const defaultSettingsGithubDark: CreateThemeOptions['settings'] = {
   lineHighlight: '#36334280',
 }
 
-export const createGithubDarkTheme = (options?: Partial<CreateThemeOptions>) => {
+export const createGithubDarkTheme = (
+  options?: Partial<CreateThemeOptions>,
+) => {
   const { theme = 'dark', settings = {}, styles = [] } = options || {}
   return createTheme({
     theme,
@@ -70,8 +80,14 @@ export const createGithubDarkTheme = (options?: Partial<CreateThemeOptions>) =>
       { tag: [t.standard(t.tagName), t.tagName], color: '#7ee787' },
       { tag: [t.comment, t.bracket], color: '#8b949e' },
       { tag: [t.className, t.propertyName], color: '#d2a8ff' },
-      { tag: [t.variableName, t.attributeName, t.number, t.operator], color: '#79c0ff' },
-      { tag: [t.keyword, t.typeName, t.typeOperator, t.typeName], color: '#ff7b72' },
+      {
+        tag: [t.variableName, t.attributeName, t.number, t.operator],
+        color: '#79c0ff',
+      },
+      {
+        tag: [t.keyword, t.typeName, t.typeOperator, t.typeName],
+        color: '#ff7b72',
+      },
       { tag: [t.string, t.meta, t.regexp], color: '#a5d6ff' },
       { tag: [t.name, t.quote], color: '#7ee787' },
       { tag: [t.heading, t.strong], color: '#d2a8ff', fontWeight: 'bold' },

docs/.vitepress/components/Playground/ActionContainer.vue

@@ -36,14 +36,14 @@ function tryLoadFile(file: File) {
 </script>
 
 <template>
-  <div class="relative h-full w-full flex flex-col py-4 justify-between">
-    <div class="relative p-4 w-full">
-      <p class="text-lg font-medium flex items-center justify-between">
+  <div class="relative h-full w-full flex flex-col justify-between py-4">
+    <div class="relative w-full p-4">
+      <p class="flex items-center justify-between text-lg font-medium">
         <span>ParseCostTime:</span>
         <span>{{ +parseCost.toFixed(2) }} ms</span>
       </p>
     </div>
-    <div class="relative p-4 flex gap-4 flex-wrap justify-around items-center">
+    <div class="relative flex flex-wrap items-center justify-around gap-4 p-4">
       <VPButton
         @click="openFileDialog"
         theme="brand"

docs/.vitepress/components/Playground/CodeContainer.vue

@@ -5,7 +5,7 @@ const { code } = useSharedPlaygroundState()
 </script>
 
 <template>
-  <div class="relative w-full h-full">
+  <div class="relative h-full w-full">
     <Editor
       v-model="code"
       language="xml"

docs/.vitepress/components/Playground/InputContainer.vue

@@ -23,7 +23,7 @@ function handleTabsChanage(tabName: string) {
 </script>
 
 <template>
-  <div class="w-full h-full flex gap-2 flex-col relative">
+  <div class="relative h-full w-full flex flex-col gap-2">
     <Tabs
       @change="handleTabsChanage"
       v-model="activeInputTab"

docs/.vitepress/components/Playground/JsonContainer.vue

@@ -5,7 +5,7 @@ const { astJson } = useSharedPlaygroundState()
 </script>
 
 <template>
-  <div class="relative w-full h-full">
+  <div class="relative h-full w-full">
     <Editor
       :model-value="astJson"
       language="json"