volar support

src/main/vue/.prettierrc.js

@@ -3,19 +3,5 @@ module.exports = {
     singleQuote: true,
     tabWidth: 4,
     arrowParens: 'avoid',
-    trailingComma: 'none',
-    overrides: [
-        {
-            files: '*.html',
-            options: {
-                parser: 'html'
-            }
-        },
-        {
-            files: '*.vue',
-            options: {
-                parser: 'vue'
-            }
-        }
-    ]
+    trailingComma: 'none'
 };

src/main/vue/package.json

@@ -38,6 +38,7 @@
     "xlsx": "^0.16.2"
   },
   "devDependencies": {
+    "@volar-plugins/prettier": "^1.1.4",
     "@vue/cli-plugin-babel": "^4.4.4",
     "@vue/cli-plugin-router": "^4.4.4",
     "@vue/cli-plugin-vuex": "^4.4.4",

src/main/vue/src/views/WithdrawApplyList.vue

@@ -208,5 +208,4 @@ export default {
     }
 };
 </script>
-<style lang="less" scoped>
-</style>
+<style lang="less" scoped></style>

src/main/vue/volar.config.js

@@ -0,0 +1,14 @@
+/** @type {import('@volar-plugins/prettier')} */
+const { volarPrettierPlugin } = require('@volar-plugins/prettier');
+
+module.exports = {
+    plugins: [
+        volarPrettierPlugin({
+            languages: ['html', 'css', 'scss', 'typescript', 'javascript'],
+            html: {
+                breakContentsFromTags: true
+            },
+            useVscodeIndentation: true
+        })
+    ]
+};