🚨 max-attributes-per-line single 3 #43

.changeset/tame-stingrays-buy.md

@@ -0,0 +1,6 @@
+---
+"@fessional/razor-common": patch
+"@fessional/razor-mobile": patch
+---
+
+max-attributes-per-line single 3

.vscode/settings.json

@@ -13,6 +13,7 @@
   "files.encoding": "utf8bom",
   "files.autoGuessEncoding": true,
   "cSpell.words": [
+    "devs",
     "dropoff",
     "fessional",
     "iconify",

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(', ');

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;

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;

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,
 );

layers/mobile/devs/eslint-ionic-slot.mjs → 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;

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,
 );