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