From 7a5a4e501cfd0b503687d5f03858b4256dfdb709 Mon Sep 17 00:00:00 2001
From: RemixDev <RemixDev64@gmail.com>
Date: Wed, 11 Nov 2020 09:22:20 +0100
Subject: [PATCH] fix: replaced place attribute with vue slots

---
 src/components/pages/About.vue    | 32 ++++++++++++++++++++-----------
 src/components/pages/Settings.vue |  4 +++-
 2 files changed, 24 insertions(+), 12 deletions(-)

diff --git a/src/components/pages/About.vue b/src/components/pages/About.vue
index 58c1b25..9502ce7 100644
--- a/src/components/pages/About.vue
+++ b/src/components/pages/About.vue
@@ -25,9 +25,11 @@
 			<li v-html="$t('about.usesLibrary')"></li>
 			<li v-html="$t('about.thanks')"></li>
 			<i18n path="about.upToDate.text" tag="li">
-				<a place="newsChannel" href="https://t.me/RemixDevNews" target="_blank">{{
-					$t('about.upToDate.newsChannel')
-				}}</a>
+				<template #newsChannel>
+					<a href="https://t.me/RemixDevNews" target="_blank">{{
+						$t('about.upToDate.newsChannel')
+					}}</a>
+				</template>
 			</i18n>
 		</ul>
 
@@ -60,9 +62,11 @@
 		</h2>
 		<ul>
 			<i18n path="about.questions.text" tag="li">
-				<a place="subreddit" href="https://www.reddit.com/r/deemix" target="_blank">{{
-					$t('about.questions.subreddit')
-				}}</a>
+				<template #subreddit>
+					<a href="https://www.reddit.com/r/deemix" target="_blank">{{
+						$t('about.questions.subreddit')
+					}}</a>
+				</template>
 			</i18n>
 			<li>
 				{{ $t('about.beforeReporting') }}
@@ -82,13 +86,17 @@
 		</h2>
 		<ul>
 			<i18n path="about.newUI.text" tag="li">
-				<span place="repo">{{ $t('about.newUI.repo') }}</span>
+				<template #repo>
+					<span>{{ $t('about.newUI.repo') }}</span>
+				</template>
 			</i18n>
 			<li>
 				{{ $t('about.acceptFeatures') }}
 			</li>
 			<i18n path="about.contributeWebUI.text" tag="li">
-				<span place="webui">{{ $t('about.contributeWebUI.webui') }}</span>
+				<template #webui>
+					<span>{{ $t('about.contributeWebUI.webui') }}</span>
+				</template>
 			</i18n>
 			<li>
 				{{ $t('about.otherLanguages') }}
@@ -133,9 +141,11 @@
 			</a>
 		</p>
 		<i18n path="about.lincensedUnder.text" tag="p">
-			<a place="gpl3" rel="license" href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank">{{
-				$t('about.lincensedUnder.gpl3')
-			}}</a>
+			<template #gpl3>
+				<a rel="license" href="https://www.gnu.org/licenses/gpl-3.0.en.html" target="_blank">{{
+					$t('about.lincensedUnder.gpl3')
+				}}</a>
+			</template>
 		</i18n>
 	</div>
 </template>
diff --git a/src/components/pages/Settings.vue b/src/components/pages/Settings.vue
index fe57f45..3235e73 100644
--- a/src/components/pages/Settings.vue
+++ b/src/components/pages/Settings.vue
@@ -12,7 +12,9 @@
 			/>
 
 			<i18n path="settings.login.loggedIn" tag="p">
-				<strong place="username" id="settings_username" ref="username">{{ user.name || 'not logged' }}</strong>
+				<template #username>
+					<strong id="settings_username" ref="username">{{ user.name || 'not logged' }}</strong>
+				</template>
 			</i18n>
 
 			<button class="btn btn-primary" @click="logout">