From b0395b03f79aed0eb9b0c1972e2d423072389e0a Mon Sep 17 00:00:00 2001
From: trydofor <trydofor@gmail.com>
Date: Wed, 9 Oct 2024 15:43:17 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A8=20max-attributes-per-line=20single?=
 =?UTF-8?q?=203=20#43?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .changeset/tame-stingrays-buy.md                   |  6 ++++++
 .vscode/settings.json                              |  1 +
 layers/common/components/DpiImg.vue                | 11 ++---------
 layers/common/devs/eslint-vue-common.mjs           | 14 ++++++++++++++
 layers/common/devs/eslint-vue-common.mts           |  5 +++++
 layers/common/eslint.config.mjs                    |  2 ++
 ...int-ionic-slot.d.mts => eslint-vue-ionic.d.mts} |  0
 ...{eslint-ionic-slot.mjs => eslint-vue-ionic.mjs} |  2 +-
 layers/mobile/eslint.config.mjs                    |  4 ++--
 9 files changed, 33 insertions(+), 12 deletions(-)
 create mode 100644 .changeset/tame-stingrays-buy.md
 create mode 100644 layers/common/devs/eslint-vue-common.mjs
 create mode 100644 layers/common/devs/eslint-vue-common.mts
 rename layers/mobile/devs/{eslint-ionic-slot.d.mts => eslint-vue-ionic.d.mts} (100%)
 rename layers/mobile/devs/{eslint-ionic-slot.mjs => eslint-vue-ionic.mjs} (96%)

diff --git a/.changeset/tame-stingrays-buy.md b/.changeset/tame-stingrays-buy.md
new file mode 100644
index 0000000..a03a3c3
--- /dev/null
+++ b/.changeset/tame-stingrays-buy.md
@@ -0,0 +1,6 @@
+---
+"@fessional/razor-common": patch
+"@fessional/razor-mobile": patch
+---
+
+max-attributes-per-line single 3
diff --git a/.vscode/settings.json b/.vscode/settings.json
index adb7b58..009da7e 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -13,6 +13,7 @@
   "files.encoding": "utf8bom",
   "files.autoGuessEncoding": true,
   "cSpell.words": [
+    "devs",
     "dropoff",
     "fessional",
     "iconify",
diff --git a/layers/common/components/DpiImg.vue b/layers/common/components/DpiImg.vue
index 5777eb4..0554a2b 100644
--- a/layers/common/components/DpiImg.vue
+++ b/layers/common/components/DpiImg.vue
@@ -1,16 +1,9 @@
 <template>
-  <img
-    :srcset="srcset"
-    :src="src"
-    :alt="props.alt"
-  >
+  <img :srcset="srcset" :src="src" :alt="props.alt">
 </template>
 
 <script lang="ts" setup>
-const props = defineProps<{
-  alt?: string;
-  srcset: string[];
-}>();
+const props = defineProps<{ alt?: string; srcset: string[] }>();
 
 const src = props.srcset[0];
 const srcset = props.srcset.map((img, idx) => `${img} ${idx + 1}x`).join(', ');
diff --git a/layers/common/devs/eslint-vue-common.mjs b/layers/common/devs/eslint-vue-common.mjs
new file mode 100644
index 0000000..fe69814
--- /dev/null
+++ b/layers/common/devs/eslint-vue-common.mjs
@@ -0,0 +1,14 @@
+/**
+ * @type {import('eslint').Linter.RulesRecord}
+ */
+export const rules = {
+  // https://eslint.vuejs.org/rules/max-attributes-per-line.html
+  'vue/max-attributes-per-line': ['error', { singleline: { max: 3 } }],
+};
+
+/**
+ * @type {import('eslint').Linter.Config}
+ */
+const config = { files: ['**/*.vue'], rules };
+
+export default config;
diff --git a/layers/common/devs/eslint-vue-common.mts b/layers/common/devs/eslint-vue-common.mts
new file mode 100644
index 0000000..aec1f45
--- /dev/null
+++ b/layers/common/devs/eslint-vue-common.mts
@@ -0,0 +1,5 @@
+import type { Linter } from 'eslint';
+
+export declare const rules: Linter.RulesRecord;
+declare const config: Linter.Config;
+export default config;
diff --git a/layers/common/eslint.config.mjs b/layers/common/eslint.config.mjs
index 37e6c76..31217aa 100644
--- a/layers/common/eslint.config.mjs
+++ b/layers/common/eslint.config.mjs
@@ -1,6 +1,8 @@
 // @ts-check
+import vueCommon from './devs/eslint-vue-common.mjs';
 import withNuxt from './.nuxt/eslint.config.mjs';
 
 // https://eslint.nuxt.com/packages/module
 export default withNuxt(
+  vueCommon,
 );
diff --git a/layers/mobile/devs/eslint-ionic-slot.d.mts b/layers/mobile/devs/eslint-vue-ionic.d.mts
similarity index 100%
rename from layers/mobile/devs/eslint-ionic-slot.d.mts
rename to layers/mobile/devs/eslint-vue-ionic.d.mts
diff --git a/layers/mobile/devs/eslint-ionic-slot.mjs b/layers/mobile/devs/eslint-vue-ionic.mjs
similarity index 96%
rename from layers/mobile/devs/eslint-ionic-slot.mjs
rename to layers/mobile/devs/eslint-vue-ionic.mjs
index 2e45347..6bbac30 100644
--- a/layers/mobile/devs/eslint-ionic-slot.mjs
+++ b/layers/mobile/devs/eslint-vue-ionic.mjs
@@ -97,6 +97,7 @@ export const ignore = [
  * @type {import('eslint').Linter.RulesRecord}
  */
 export const rules = {
+  // https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html
   'vue/no-deprecated-slot-attribute': ['error', { ignore }],
 };
 
@@ -105,5 +106,4 @@ export const rules = {
  */
 const config = { files: ['**/*.vue'], rules };
 
-// https://eslint.vuejs.org/rules/no-deprecated-slot-attribute.html
 export default config;
diff --git a/layers/mobile/eslint.config.mjs b/layers/mobile/eslint.config.mjs
index 62fe4f2..78d96ba 100644
--- a/layers/mobile/eslint.config.mjs
+++ b/layers/mobile/eslint.config.mjs
@@ -1,7 +1,7 @@
 // @ts-check
-import config from './devs/eslint-ionic-slot.mjs';
+import vueIonic from './devs/eslint-vue-ionic.mjs';
 import withNuxt from './.nuxt/eslint.config.mjs';
 
 export default withNuxt(
-  config,
+  vueIonic,
 );