diff --git a/.prettierrc b/.prettierrc
index 138fb61..43e902d 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -17,5 +17,6 @@
   "proseWrap": "preserve",
   "htmlWhitespaceSensitivity": "css",
   "vueIndentScriptAndStyle": false,
-  "endOfLine": "auto"
+  "endOfLine": "auto",
+  "singleAttributePerLine": true
 }
diff --git a/eslint.config.js b/eslint.config.js
index dcea620..ef93cce 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -15,7 +15,7 @@ const vueLint = {
   files: ['*.vue', '**/*.vue'],
   languageOptions: {
     parserOptions: {
-      parser: "@typescript-eslint/parser"
+      parser: '@typescript-eslint/parser'
     }
   },
   rules: {
@@ -30,7 +30,23 @@ const vueLint = {
       }
     ],
 
-    'vue/custom-event-name-casing': ['error', 'camelCase']
+    'vue/custom-event-name-casing': ['error', 'camelCase'],
+
+    'vue/html-self-closing': [
+      'error',
+      {
+        html: {
+          void: 'always',
+          normal: 'always',
+          component: 'always'
+        },
+        svg: 'always',
+        math: 'always'
+      }
+    ],
+
+    'vue/singleline-html-element-content-newline': ['off'],
+    'vue/html-indent': ['off']
   }
 }
 
diff --git a/src/App.vue b/src/App.vue
index dda09c7..ceeaa0d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -6,7 +6,10 @@ import PageFooter from '/@/components/Layout/PageFooter.vue'
 
 <template>
   <page-header />
-  <router-view v-slot="{ Component }" :class="$style.main">
+  <router-view
+    v-slot="{ Component }"
+    :class="$style.main"
+  >
     <template v-if="Component">
       <suspense>
         <template #default>
diff --git a/src/components/Contest/ContestTeamListItem.vue b/src/components/Contest/ContestTeamListItem.vue
index dc4a23e..d141266 100644
--- a/src/components/Contest/ContestTeamListItem.vue
+++ b/src/components/Contest/ContestTeamListItem.vue
@@ -18,7 +18,10 @@ defineProps<{
       }"
     >
       <span :class="$style.name">{{ contestTeam.name }}</span>
-      <span v-if="contestTeam.result" :class="$style.result">
+      <span
+        v-if="contestTeam.result"
+        :class="$style.result"
+      >
         ({{ contestTeam.result }})
       </span>
     </router-link>
diff --git a/src/components/ContestTeam/MemberListItem.vue b/src/components/ContestTeam/MemberListItem.vue
index 3ee5d4b..e97c7b7 100644
--- a/src/components/ContestTeam/MemberListItem.vue
+++ b/src/components/ContestTeam/MemberListItem.vue
@@ -13,7 +13,11 @@ defineProps<{
       :class="$style.link"
       :to="{ name: 'User', params: { userId: member.name } }"
     >
-      <user-icon :class="$style.icon" :user-name="member.name" :size="32" />
+      <user-icon
+        :class="$style.icon"
+        :user-name="member.name"
+        :size="32"
+      />
       <p :class="$style.name">
         {{ member.name }}
       </p>
diff --git a/src/components/Event/HostnameListItem.vue b/src/components/Event/HostnameListItem.vue
index 7c46470..f7a1baf 100644
--- a/src/components/Event/HostnameListItem.vue
+++ b/src/components/Event/HostnameListItem.vue
@@ -13,7 +13,11 @@ defineProps<{
       :class="$style.link"
       :to="{ name: 'User', params: { userId: hostname.name } }"
     >
-      <user-icon :class="$style.icon" :user-name="hostname.name" :size="128" />
+      <user-icon
+        :class="$style.icon"
+        :user-name="hostname.name"
+        :size="128"
+      />
       <div :class="$style.desc">
         <div :class="$style.name">
           {{ hostname.name }}
diff --git a/src/components/Events/EventList.vue b/src/components/Events/EventList.vue
index bb72796..fc40c7c 100644
--- a/src/components/Events/EventList.vue
+++ b/src/components/Events/EventList.vue
@@ -11,7 +11,11 @@ defineProps<Props>()
 
 <template>
   <section :class="$style.container">
-    <event-list-item v-for="event in events" :key="event.id" :event="event" />
+    <event-list-item
+      v-for="event in events"
+      :key="event.id"
+      :event="event"
+    />
   </section>
 </template>
 
diff --git a/src/components/Group/AdminList.vue b/src/components/Group/AdminList.vue
index dc16d2e..5084c26 100644
--- a/src/components/Group/AdminList.vue
+++ b/src/components/Group/AdminList.vue
@@ -14,7 +14,11 @@ defineProps<Props>()
   <section :class="$style.section">
     <section-title>リーダー</section-title>
     <ul :class="$style.container">
-      <admin-list-item v-for="admin in admins" :key="admin.id" :admin="admin" />
+      <admin-list-item
+        v-for="admin in admins"
+        :key="admin.id"
+        :admin="admin"
+      />
     </ul>
   </section>
 </template>
diff --git a/src/components/Group/AdminListItem.vue b/src/components/Group/AdminListItem.vue
index f4b6694..e5d72bf 100644
--- a/src/components/Group/AdminListItem.vue
+++ b/src/components/Group/AdminListItem.vue
@@ -13,7 +13,11 @@ defineProps<{
       :class="$style.link"
       :to="{ name: 'User', params: { userId: admin.name } }"
     >
-      <user-icon :class="$style.icon" :user-name="admin.name" :size="32" />
+      <user-icon
+        :class="$style.icon"
+        :user-name="admin.name"
+        :size="32"
+      />
       <span :class="$style.name">{{ admin.name }}</span>
     </router-link>
   </li>
diff --git a/src/components/Group/MemberListItem.vue b/src/components/Group/MemberListItem.vue
index 9843bb2..c13c4d4 100644
--- a/src/components/Group/MemberListItem.vue
+++ b/src/components/Group/MemberListItem.vue
@@ -14,7 +14,11 @@ defineProps<{
       :class="$style.link"
       :to="{ name: 'User', params: { userId: member.name } }"
     >
-      <user-icon :class="$style.icon" :user-name="member.name" :size="32" />
+      <user-icon
+        :class="$style.icon"
+        :user-name="member.name"
+        :size="32"
+      />
       <p :class="$style.name">
         {{ member.name }}
       </p>
diff --git a/src/components/Groups/GroupList.vue b/src/components/Groups/GroupList.vue
index 884eecb..7ad5ebd 100644
--- a/src/components/Groups/GroupList.vue
+++ b/src/components/Groups/GroupList.vue
@@ -11,7 +11,11 @@ defineProps<Props>()
 
 <template>
   <ul :class="$style.container">
-    <group-list-item v-for="group in groups" :key="group.id" :group="group" />
+    <group-list-item
+      v-for="group in groups"
+      :key="group.id"
+      :group="group"
+    />
   </ul>
 </template>
 
diff --git a/src/components/Index/TopSection.vue b/src/components/Index/TopSection.vue
index 392449b..86dd3cd 100644
--- a/src/components/Index/TopSection.vue
+++ b/src/components/Index/TopSection.vue
@@ -18,8 +18,14 @@ defineProps<{
     </div>
     <div :class="$style.contentContainer">
       <slot />
-      <div v-if="moreLink !== undefined" :class="$style.moreLinkContainer">
-        <router-link :to="moreLink" :class="$style.moreLink">
+      <div
+        v-if="moreLink !== undefined"
+        :class="$style.moreLinkContainer"
+      >
+        <router-link
+          :to="moreLink"
+          :class="$style.moreLink"
+        >
           もっと見る
         </router-link>
       </div>
diff --git a/src/components/Layout/BreadCrumbTrail.vue b/src/components/Layout/BreadCrumbTrail.vue
index a8338ec..68cbf11 100644
--- a/src/components/Layout/BreadCrumbTrail.vue
+++ b/src/components/Layout/BreadCrumbTrail.vue
@@ -14,7 +14,10 @@ defineProps<{
 
 <template>
   <nav :class="$style.container">
-    <template v-for="(path, index) in paths" :key="path">
+    <template
+      v-for="(path, index) in paths"
+      :key="path"
+    >
       <a-icon
         v-if="index !== 0"
         :class="$style.icon"
@@ -27,7 +30,11 @@ defineProps<{
       >
         {{ path.name }}
       </router-link>
-      <span v-else :class="$style.currentPath">{{ path.name }}</span>
+      <span
+        v-else
+        :class="$style.currentPath"
+        >{{ path.name }}
+      </span>
     </template>
   </nav>
 </template>
diff --git a/src/components/Layout/PageContainer.vue b/src/components/Layout/PageContainer.vue
index a98fef3..940f7f1 100644
--- a/src/components/Layout/PageContainer.vue
+++ b/src/components/Layout/PageContainer.vue
@@ -9,7 +9,10 @@ defineProps<{
 
 <template>
   <main :class="$style.container">
-    <bread-crumb-trail v-if="paths !== undefined" :paths="paths" />
+    <bread-crumb-trail
+      v-if="paths !== undefined"
+      :paths="paths"
+    />
     <slot />
   </main>
 </template>
diff --git a/src/components/Layout/PageFooter.vue b/src/components/Layout/PageFooter.vue
index 260b6de..3288d7d 100644
--- a/src/components/Layout/PageFooter.vue
+++ b/src/components/Layout/PageFooter.vue
@@ -1,7 +1,10 @@
 <template>
   <footer :class="$style.container">
     <div :class="$style.copy">
-      <img src="/@/assets/traP_logo_full_white.svg" :class="$style.logo" />
+      <img
+        src="/@/assets/traP_logo_full_white.svg"
+        :class="$style.logo"
+      />
       <div :class="$style.copyright">© 2015- traP</div>
     </div>
   </footer>
diff --git a/src/components/Project/MemberListItem.vue b/src/components/Project/MemberListItem.vue
index 3241cc5..6d0c29e 100644
--- a/src/components/Project/MemberListItem.vue
+++ b/src/components/Project/MemberListItem.vue
@@ -14,7 +14,11 @@ defineProps<{
       :class="$style.link"
       :to="{ name: 'User', params: { userId: member.name } }"
     >
-      <user-icon :class="$style.icon" :user-name="member.name" :size="32" />
+      <user-icon
+        :class="$style.icon"
+        :user-name="member.name"
+        :size="32"
+      />
       <span :class="$style.name">{{ member.name }}</span>
       <span :class="$style.duration">
         {{ getGroupOrProjectDuration(member.duration) }}
diff --git a/src/components/Search/UserListItem.vue b/src/components/Search/UserListItem.vue
index 3ee5d4b..e97c7b7 100644
--- a/src/components/Search/UserListItem.vue
+++ b/src/components/Search/UserListItem.vue
@@ -13,7 +13,11 @@ defineProps<{
       :class="$style.link"
       :to="{ name: 'User', params: { userId: member.name } }"
     >
-      <user-icon :class="$style.icon" :user-name="member.name" :size="32" />
+      <user-icon
+        :class="$style.icon"
+        :user-name="member.name"
+        :size="32"
+      />
       <p :class="$style.name">
         {{ member.name }}
       </p>
diff --git a/src/components/UI/AIcon.vue b/src/components/UI/AIcon.vue
index 3fdeb00..6d40cde 100644
--- a/src/components/UI/AIcon.vue
+++ b/src/components/UI/AIcon.vue
@@ -12,7 +12,12 @@ withDefaults(defineProps<Props>(), {
 </script>
 
 <template>
-  <Icon :icon="name" :class="$style.icon" :width="size" :height="size" />
+  <Icon
+    :icon="name"
+    :class="$style.icon"
+    :width="size"
+    :height="size"
+  />
 </template>
 
 <style lang="scss" module>
diff --git a/src/components/UI/ExternalLink.vue b/src/components/UI/ExternalLink.vue
index c8e9685..c71847f 100644
--- a/src/components/UI/ExternalLink.vue
+++ b/src/components/UI/ExternalLink.vue
@@ -3,8 +3,15 @@ import AIcon from './AIcon.vue'
 </script>
 
 <template>
-  <a :class="$style.container" target="_blank" rel="noreferrer noopener">
-    <a-icon name="mdi:open-in-new" :class="$style.icon" />
+  <a
+    :class="$style.container"
+    target="_blank"
+    rel="noreferrer noopener"
+  >
+    <a-icon
+      name="mdi:open-in-new"
+      :class="$style.icon"
+    />
     <slot />
   </a>
 </template>
diff --git a/src/components/UI/SearchInput.vue b/src/components/UI/SearchInput.vue
index b529ed1..b8285cc 100644
--- a/src/components/UI/SearchInput.vue
+++ b/src/components/UI/SearchInput.vue
@@ -34,7 +34,11 @@ const iconSize = computed(() => {
 
 <template>
   <div :class="[$style.inputWrapper, size === 'large' ? $style.large : '']">
-    <a-icon name="mdi:magnify" :size="iconSize" :class="$style.icon" />
+    <a-icon
+      name="mdi:magnify"
+      :size="iconSize"
+      :class="$style.icon"
+    />
     <input
       v-model="input"
       type="search"
diff --git a/src/components/User/AccountList.vue b/src/components/User/AccountList.vue
index 88aa554..4d9c23d 100644
--- a/src/components/User/AccountList.vue
+++ b/src/components/User/AccountList.vue
@@ -16,7 +16,11 @@ const props = defineProps<{
         target="_blank"
         rel="noreferrer noopener"
       >
-        <img src="/@/assets/traP_logo_icon.svg" width="24" height="24" />
+        <img
+          src="/@/assets/traP_logo_icon.svg"
+          width="24"
+          height="24"
+        />
       </a>
     </li>
     <account-list-item
diff --git a/src/components/User/AccountListItem.vue b/src/components/User/AccountListItem.vue
index 425fd0a..9804de5 100644
--- a/src/components/User/AccountListItem.vue
+++ b/src/components/User/AccountListItem.vue
@@ -30,7 +30,11 @@ const service = computed<Service | undefined>(() =>
         width="24"
         height="24"
       />
-      <a-icon v-else :name="service.icon ?? ''" :size="24" />
+      <a-icon
+        v-else
+        :name="service.icon ?? ''"
+        :size="24"
+      />
     </a>
   </li>
 </template>
diff --git a/src/components/User/ContestsContainer.vue b/src/components/User/ContestsContainer.vue
index 1006c41..0de4407 100644
--- a/src/components/User/ContestsContainer.vue
+++ b/src/components/User/ContestsContainer.vue
@@ -11,8 +11,15 @@ defineProps<Props>()
 <template>
   <section :class="$style.section">
     <h2 :class="$style.title">実績</h2>
-    <ul v-if="contests.length > 0" :class="$style.contests">
-      <li v-for="contest in contests" :key="contest.id" :class="$style.contest">
+    <ul
+      v-if="contests.length > 0"
+      :class="$style.contests"
+    >
+      <li
+        v-for="contest in contests"
+        :key="contest.id"
+        :class="$style.contest"
+      >
         <router-link
           :to="{ name: 'Contest', params: { contestId: contest.id } }"
           :class="$style.link"
diff --git a/src/components/User/EventsContainer.vue b/src/components/User/EventsContainer.vue
index 7ff7add..2769137 100644
--- a/src/components/User/EventsContainer.vue
+++ b/src/components/User/EventsContainer.vue
@@ -11,7 +11,10 @@ defineProps<Props>()
 <template>
   <div>
     <div :class="$style.title">イベント一覧</div>
-    <p v-for="event in events" :key="event.id">
+    <p
+      v-for="event in events"
+      :key="event.id"
+    >
       {{ event.name }}
     </p>
   </div>
diff --git a/src/components/User/ProjectsContainer.vue b/src/components/User/ProjectsContainer.vue
index 9968aa8..ef444da 100644
--- a/src/components/User/ProjectsContainer.vue
+++ b/src/components/User/ProjectsContainer.vue
@@ -12,7 +12,10 @@ defineProps<Props>()
 <template>
   <section :class="$style.section">
     <h2 :class="$style.title">参加プロジェクト</h2>
-    <project-list v-if="projects.length > 0" :projects="projects" />
+    <project-list
+      v-if="projects.length > 0"
+      :projects="projects"
+    />
     <p v-else>これまでに参加したプロジェクトはありません</p>
   </section>
 </template>
diff --git a/src/components/User/UserDetailContainer.vue b/src/components/User/UserDetailContainer.vue
index 77960e4..2c16059 100644
--- a/src/components/User/UserDetailContainer.vue
+++ b/src/components/User/UserDetailContainer.vue
@@ -10,7 +10,11 @@ defineProps<{
 
 <template>
   <div :class="$style.container">
-    <user-icon :class="$style.icon" :user-name="userDetail.name" :size="64" />
+    <user-icon
+      :class="$style.icon"
+      :user-name="userDetail.name"
+      :size="64"
+    />
     <div :class="$style.rightContainer">
       <div :class="$style.nameContainer">
         <div :class="$style.name">
diff --git a/src/pages/GroupPage.vue b/src/pages/GroupPage.vue
index 56b5721..a76cd32 100644
--- a/src/pages/GroupPage.vue
+++ b/src/pages/GroupPage.vue
@@ -29,7 +29,10 @@ onMounted(() => {
     <div :class="$style.container">
       <div :class="$style.titleContainer">
         <page-title>{{ groupDetail.name }}</page-title>
-        <external-link :href="groupDetail.link" :class="$style.link">
+        <external-link
+          :href="groupDetail.link"
+          :class="$style.link"
+        >
           紹介ページ
         </external-link>
       </div>
diff --git a/src/pages/IndexPage.vue b/src/pages/IndexPage.vue
index 4fde97b..2fb478d 100644
--- a/src/pages/IndexPage.vue
+++ b/src/pages/IndexPage.vue
@@ -55,14 +55,22 @@ onMounted(() => {
       description="traPの部員が活躍した外部のコンテストや大会の紹介です。"
       more-link="/contests"
     >
-      <recent-list :items="contests" title="実績" path="contests" />
+      <recent-list
+        :items="contests"
+        title="実績"
+        path="contests"
+      />
     </top-section>
     <top-section
       title="プロジェクト一覧"
       description="traP内でチームとなって長期開発された制作された制作物です。"
       more-link="/projects"
     >
-      <recent-list :items="projects" title="プロジェクト" path="projects" />
+      <recent-list
+        :items="projects"
+        title="プロジェクト"
+        path="projects"
+      />
     </top-section>
     <top-section
       title="班一覧"
diff --git a/src/pages/ProjectPage.vue b/src/pages/ProjectPage.vue
index 5e4c4bb..34f9e4c 100644
--- a/src/pages/ProjectPage.vue
+++ b/src/pages/ProjectPage.vue
@@ -29,7 +29,10 @@ onMounted(() => {
     <div :class="$style.container">
       <div :class="$style.titleContainer">
         <page-title>{{ projectDetail.name }}</page-title>
-        <external-link :href="projectDetail.link" :class="$style.link">
+        <external-link
+          :href="projectDetail.link"
+          :class="$style.link"
+        >
           紹介ページ
         </external-link>
       </div>