feat: eslint enforce vue/component-name-in-template-casing

frontend/src/views/Home.vue

@@ -15,9 +15,9 @@
 					dateSince: formatDateSince(deletionScheduledAt),
 				})
 			}}
-			<router-link :to="{name: 'user.settings', hash: '#deletion'}">
+			<RouterLink :to="{name: 'user.settings', hash: '#deletion'}">
 				{{ $t('user.deletion.scheduledCancel') }}
-			</router-link>
+			</RouterLink>
 		</Message>
 		<AddTask
 			class="is-max-width-desktop"

frontend/src/views/labels/ListLabels.vue

@@ -21,9 +21,9 @@
 				class="has-text-centered has-text-grey is-italic"
 			>
 				{{ $t('label.newCTA') }}
-				<router-link :to="{name:'labels.create'}">
+				<RouterLink :to="{name:'labels.create'}">
 					{{ $t('label.create.title') }}.
-				</router-link>
+				</RouterLink>
 			</p>
 		</div>
 

frontend/src/views/migrate/Migration.vue

@@ -3,7 +3,7 @@
 		<h1>{{ $t('migrate.title') }}</h1>
 		<p>{{ $t('migrate.description') }}</p>
 		<div class="migration-services">
-			<router-link
+			<RouterLink
 				v-for="{name, id, icon} in availableMigrators"
 				:key="id"
 				class="migration-service-link"
@@ -15,7 +15,7 @@
 					:src="icon"
 				>
 				{{ name }}
-			</router-link>
+			</RouterLink>
 		</div>
 	</div>
 </template>

frontend/src/views/tasks/TaskDetailView.vue

@@ -31,12 +31,12 @@
 					>
 						{{ getProjectTitle(p) }}
 					</a>
-					<router-link 
+					<RouterLink 
 						v-else
 						:to="{ name: 'project.index', params: { projectId: p.id } }"
 					>
 						{{ getProjectTitle(p) }}
-					</router-link>
+					</RouterLink>
 					<span
 						v-if="p.id !== project?.id"
 						class="has-text-grey-light"

frontend/src/views/teams/ListTeams.vue

@@ -20,11 +20,11 @@
 				v-for="team in teams"
 				:key="team.id"
 			>
-				<router-link :to="{name: 'teams.edit', params: {id: team.id}}">
+				<RouterLink :to="{name: 'teams.edit', params: {id: team.id}}">
 					<p>
 						{{ team.name }}
 					</p>
-				</router-link>
+				</RouterLink>
 			</li>
 		</ul>
 		<p
@@ -32,9 +32,9 @@
 			class="has-text-centered has-text-grey is-italic"
 		>
 			{{ $t('team.noTeams') }}
-			<router-link :to="{name: 'teams.create'}">
+			<RouterLink :to="{name: 'teams.create'}">
 				{{ $t('team.create.title') }}.
-			</router-link>
+			</RouterLink>
 		</p>
 	</div>
 </template>

frontend/src/views/user/Login.vue

@@ -54,13 +54,13 @@
 						class="label"
 						for="password"
 					>{{ $t('user.auth.password') }}</label>
-					<router-link
+					<RouterLink
 						:to="{ name: 'user.password-reset.request' }"
 						class="reset-password-link"
 						tabindex="6"
 					>
 						{{ $t('user.auth.forgotPassword') }}
-					</router-link>
+					</RouterLink>
 				</div>
 				<Password
 					v-model="password"
@@ -117,13 +117,13 @@
 				class="mt-2"
 			>
 				{{ $t('user.auth.noAccountYet') }}
-				<router-link
+				<RouterLink
 					:to="{ name: 'user.register' }"
 					type="secondary"
 					tabindex="5"
 				>
 					{{ $t('user.auth.createAccount') }}
-				</router-link>
+				</RouterLink>
 			</p>
 		</form>
 

frontend/src/views/user/Register.vue

@@ -101,9 +101,9 @@
 
 			<p class="mt-2">
 				{{ $t('user.auth.alreadyHaveAnAccount') }}
-				<router-link :to="{ name: 'user.login' }">
+				<RouterLink :to="{ name: 'user.login' }">
 					{{ $t('user.auth.login') }}
-				</router-link>
+				</RouterLink>
 			</p>
 		</form>
 	</div>

frontend/src/views/user/Settings.vue

@@ -7,17 +7,17 @@
 						v-for="({routeName, title }, index) in navigationItems"
 						:key="index"
 					>
-						<router-link
+						<RouterLink
 							class="navigation-link"
 							:to="{name: routeName}"
 						>
 							{{ title }}
-						</router-link>
+						</RouterLink>
 					</li>
 				</ul>
 			</nav>
 			<section class="view">
-				<router-view />
+				<RouterView />
 			</section>
 		</div>
 	</div>