fix(frontend): metadata component renamed due to conflict

Signed-off-by: Jonathan Graham <theflametrooper@gmail.com>

frontend/src/components/layout/MainHeader.vue

@@ -106,7 +106,6 @@ export default {
 	},
 	watch: {
 		localNightmode(newValue, oldValue) {
-			console.log(newValue, oldValue, this.localNightmode);
 			if (oldValue === null) return;
 
 			localStorage.setItem("nightmode", this.localNightmode);

frontend/src/components/modals/Login.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata title="Login" v-if="isPage" />
+		<page-metadata title="Login" v-if="isPage" />
 		<div class="modal is-active">
 			<div class="modal-background" @click="closeLoginModal()" />
 			<div class="modal-card">

frontend/src/components/modals/Register.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata title="Register" v-if="isPage" />
+		<page-metadata title="Register" v-if="isPage" />
 		<div class="modal is-active">
 			<div class="modal-background" @click="closeRegisterModal()" />
 			<div class="modal-card">

frontend/src/main.js

@@ -35,7 +35,7 @@ app.use(VueTippy, {
 
 app.component("Tippy", Tippy);
 
-app.component("Metadata", {
+app.component("PageMetadata", {
 	watch: {
 		$attrs: {
 			// eslint-disable-next-line vue/no-arrow-functions-in-watch

frontend/src/pages/404.vue

@@ -1,7 +1,7 @@
 <template>
 	<div>
 		<div class="wrapper">
-			<metadata title="404" />
+			<page-metadata title="404" />
 
 			<h3><strong>404</strong>&nbsp;Not Found</h3>
 			<router-link class="button is-dark" to="/">

frontend/src/pages/About.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="app">
-		<metadata title="About" />
+		<page-metadata title="About" />
 		<main-header />
 		<div class="container">
 			<div class="content-wrapper">

frontend/src/pages/Admin/tabs/HiddenSongs.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata title="Admin | Hidden songs" />
+		<page-metadata title="Admin | Hidden songs" />
 		<div class="container">
 			<p>
 				<span>Sets loaded: {{ setsLoaded }} / {{ maxSets }}</span>

frontend/src/pages/Admin/tabs/News.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata title="Admin | News" />
+		<page-metadata title="Admin | News" />
 		<div class="container">
 			<table class="table is-striped">
 				<thead>

frontend/src/pages/Admin/tabs/Playlists.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata title="Admin | Playlists" />
+		<page-metadata title="Admin | Playlists" />
 		<div class="container">
 			<button
 				class="button is-primary"

frontend/src/pages/Admin/tabs/Punishments.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata title="Admin | Punishments" />
+		<page-metadata title="Admin | Punishments" />
 		<div class="container">
 			<table class="table is-striped">
 				<thead>

frontend/src/pages/Admin/tabs/Reports.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata title="Admin | Reports" />
+		<page-metadata title="Admin | Reports" />
 		<div class="container">
 			<table class="table is-striped">
 				<thead>

frontend/src/pages/Admin/tabs/Stations.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata title="Admin | Stations" />
+		<page-metadata title="Admin | Stations" />
 		<div class="container">
 			<button class="button is-primary" @click="clearEveryStationQueue()">
 				Clear every station queue

frontend/src/pages/Admin/tabs/Statistics.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="container">
-		<metadata title="Admin | Statistics" />
+		<page-metadata title="Admin | Statistics" />
 		<div class="columns">
 			<div
 				class="

frontend/src/pages/Admin/tabs/UnverifiedSongs.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata title="Admin | Unverified songs" />
+		<page-metadata title="Admin | Unverified songs" />
 		<div class="container">
 			<p>
 				<span>Sets loaded: {{ setsLoaded }} / {{ maxSets }}</span>

frontend/src/pages/Admin/tabs/Users.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata title="Admin | Users" />
+		<page-metadata title="Admin | Users" />
 		<div class="container">
 			<h2 v-if="dataRequests.length > 0">Data Requests</h2>
 

frontend/src/pages/Admin/tabs/VerifiedSongs.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata title="Admin | Songs" />
+		<page-metadata title="Admin | Songs" />
 		<div class="container">
 			<p>
 				<span>Sets loaded: {{ setsLoaded }} / {{ maxSets }}</span>

frontend/src/pages/Banned.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="container">
-		<metadata title="Banned" />
+		<page-metadata title="Banned" />
 		<i class="material-icons">not_interested</i>
 		<h4>
 			You are banned for

frontend/src/pages/Home.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata title="Home" />
+		<page-metadata title="Home" />
 		<div class="app">
 			<main-header
 				:hide-logo="true"

frontend/src/pages/News.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="app">
-		<metadata title="News" />
+		<page-metadata title="News" />
 		<main-header />
 		<div class="container">
 			<div class="content-wrapper">

frontend/src/pages/Privacy.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="app">
-		<metadata title="Privacy policy" />
+		<page-metadata title="Privacy policy" />
 		<main-header />
 		<div class="container">
 			<h1>MUSARE PRIVACY POLICY</h1>

frontend/src/pages/Profile/index.vue

@@ -5,7 +5,7 @@
 		<view-report v-if="modals.viewReport" />
 		<edit-song v-if="modals.editSong" song-type="songs" />
 
-		<metadata :title="`Profile | ${user.username}`" />
+		<page-metadata :title="`Profile | ${user.username}`" />
 		<main-header />
 		<div class="container">
 			<div class="info-section">

frontend/src/pages/ResetPassword.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata
+		<page-metadata
 			:title="mode === 'reset' ? 'Reset password' : 'Set password'"
 		/>
 		<main-header />

frontend/src/pages/Settings/index.vue

@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<metadata title="Settings" />
+		<page-metadata title="Settings" />
 		<main-header />
 		<div class="container">
 			<h1 id="page-title">Settings</h1>

frontend/src/pages/Station/index.vue

@@ -1,7 +1,10 @@
 <template>
 	<div>
-		<metadata v-if="exists && !loading" :title="`${station.displayName}`" />
-		<metadata v-else-if="!exists && !loading" :title="`Not found`" />
+		<page-metadata
+			v-if="exists && !loading"
+			:title="`${station.displayName}`"
+		/>
+		<page-metadata v-else-if="!exists && !loading" :title="`Not found`" />
 
 		<div id="page-loader-container" v-if="loading">
 			<content-loader

frontend/src/pages/Team.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="app">
-		<metadata title="Team" />
+		<page-metadata title="Team" />
 		<main-header />
 		<div class="container">
 			<div class="content-wrapper">

frontend/src/pages/Terms.vue

@@ -1,6 +1,6 @@
 <template>
 	<div class="app">
-		<metadata title="Terms of Service" />
+		<page-metadata title="Terms of Service" />
 		<main-header />
 		<div class="container">
 			<h1>MUSARE TERMS OF SERVICE</h1>