Made language file make more sense
This commit is contained in:
RemixDev
parent
77effb041c
commit
426b3ce0ba
|
|
@ -1,44 +1,54 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<h1 class="mb-8 text-5xl">{{ $t('settings.login.arl.question') }}</h1>
|
<h1 class="mb-8 text-5xl">{{ $t('settings.login.arl.question') }}</h1>
|
||||||
<p class="mb-2 text-base">{{ $t('settings.login.arl.howTo') }}</p>
|
<p class="mb-2 text-base">
|
||||||
|
{{ $t('settings.login.arl.howTo.prologue.p1') }}<br/>
|
||||||
|
{{ $t('settings.login.arl.howTo.prologue.p2') }}<br/>
|
||||||
|
{{ $t('settings.login.arl.howTo.prologue.p3') }}<br/>
|
||||||
|
{{ $t('settings.login.arl.howTo.prologue.p4') }}<br/>
|
||||||
|
</p>
|
||||||
|
<p class="mb-2 text-base"><b>{{ $t('settings.login.arl.howTo.prologue.warning') }}</b></p>
|
||||||
|
|
||||||
<h3 class="mt-6 text-3xl">{{ $t('settings.login.arl.chromeSteps.easyWay.title') }}</h3>
|
<h3 class="mt-6 text-3xl">{{ $t('settings.login.arl.howTo.chromeSteps.easyWay.title') }}</h3>
|
||||||
<ul class="mb-2 text-base">
|
<ul class="mb-2 text-base">
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepOne') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.chromeSteps.step1') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepTwo') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.step2') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.chromeSteps.easyWay.stepThree') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.chromeSteps.easyWay.step3') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.chromeSteps.easyWay.stepFour') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.chromeSteps.easyWay.step4') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.chromeSteps.easyWay.stepFive') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.chromeSteps.easyWay.step5') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepLast') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.lastStep') }}</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<h3 class="mt-6 text-3xl">{{ $t('settings.login.arl.chromeSteps.title') }}</h3>
|
<h3 class="mt-6 text-3xl">{{ $t('settings.login.arl.howTo.chromeSteps.title') }}</h3>
|
||||||
<ul class="mb-2 text-base">
|
<ul class="mb-2 text-base">
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepOne') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.chromeSteps.step1') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepTwo') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.step2') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepThree') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.step3') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.chromeSteps.stepFour') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.chromeSteps.step4') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepFive') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.step5') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepSix') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.step6') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepSeven') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.step7') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepEight') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.step8') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepNine') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.lastStep') }}</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<p class="mb-2 text-base">{{ $t('settings.login.arl.chromeSteps.hereIs') }} <a href="https://youtu.be/O6PRT47_yds" target="_blank">{{ $t('settings.login.arl.chromeSteps.videoGuide') }}</a></p>
|
<i18n path="settings.login.arl.howTo.chromeSteps.videoGuide.text" tag="p" class="mb-2 text-base">
|
||||||
|
<template #videoGuide>
|
||||||
|
<a href="https://youtu.be/O6PRT47_yds" target="_blank">{{ $t('settings.login.arl.howTo.chromeSteps.videoGuide.link') }}</a>
|
||||||
|
</template>
|
||||||
|
</i18n>
|
||||||
|
|
||||||
<h3 class="mt-6 text-3xl">{{ $t('settings.login.arl.firefoxSteps.title') }}</h3>
|
<h3 class="mt-6 text-3xl">{{ $t('settings.login.arl.howTo.firefoxSteps.title') }}</h3>
|
||||||
<ul class="mb-2 text-base">
|
<ul class="mb-2 text-base">
|
||||||
<li>{{ $t('settings.login.arl.firefoxSteps.stepOne') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.firefoxSteps.step1') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepTwo') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.step2') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepThree') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.step3') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.firefoxSteps.stepFour') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.firefoxSteps.step4') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepFive') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.step5') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepSix') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.step6') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepSeven') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.step7') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepEight') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.step8') }}</li>
|
||||||
<li>{{ $t('settings.login.arl.commonSteps.stepNine') }}</li>
|
<li>{{ $t('settings.login.arl.howTo.commonSteps.lastStep') }}</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
|
|
@ -1,32 +1,39 @@
|
||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<h1 class="mb-8 text-5xl">{{ $t('settings.spotify.question') }}</h1>
|
<h1 class="mb-8 text-5xl">{{ $t('settings.spotify.question') }}</h1>
|
||||||
<p class="mb-2 text-base">{{ $t('settings.spotify.howTo.prologue') }}</p>
|
<p class="mb-2 text-base">
|
||||||
|
{{ $t('settings.spotify.howTo.prologue.p1') }}<br/>
|
||||||
|
{{ $t('settings.spotify.howTo.prologue.p2') }}<br/>
|
||||||
|
{{ $t('settings.spotify.howTo.prologue.p3') }}<br/>
|
||||||
|
</p>
|
||||||
<p class="mb-2 text-base">{{ $t('settings.spotify.howTo.info') }}</p>
|
<p class="mb-2 text-base">{{ $t('settings.spotify.howTo.info') }}</p>
|
||||||
|
|
||||||
<h2 class="mt-6 text-3xl">{{ $t('settings.spotify.howTo.questionOne.title') }}</h2>
|
<h2 class="mt-6 text-3xl">{{ $t('settings.spotify.howTo.clientSecretQuestion.title') }}</h2>
|
||||||
<p class="mb-2 text-base">
|
<i18n path="settings.spotify.howTo.clientSecretQuestion.step1.text" tag="p" class="mb-4 text-base">
|
||||||
{{ $t('settings.spotify.howTo.questionOne.stepOne.partOne') }}
|
<template #spotifyDevelopersDashboard>
|
||||||
<a href="https://developer.spotify.com/dashboard" target="_blank">{{ $t('settings.spotify.howTo.questionOne.stepOne.partTwo') }}</a> {{ $t('settings.spotify.howTo.questionOne.stepOne.partThree') }}
|
<a href="https://developer.spotify.com/dashboard" target="_blank">{{ $t('settings.spotify.howTo.clientSecretQuestion.step1.spotifyDevelopersDashboard') }}</a>
|
||||||
|
</template>
|
||||||
|
</i18n>
|
||||||
|
<p class="mb-4 text-base">
|
||||||
|
{{ $t('settings.spotify.howTo.clientSecretQuestion.step2.text') }}<br/>
|
||||||
|
<img src="https://i.imgur.com/YFz7rHj.png" :alt="$t('settings.spotify.howTo.clientSecretQuestion.step2.imageAlt')" />
|
||||||
</p>
|
</p>
|
||||||
<p class="mb-2 text-base">
|
<p class="mb-4 text-base">
|
||||||
{{ $t('settings.spotify.howTo.questionOne.stepTwo') }}
|
{{ $t('settings.spotify.howTo.clientSecretQuestion.step3.text') }}<br/>
|
||||||
<img src="https://i.imgur.com/YFz7rHj.png" :alt="$t('settings.spotify.howTo.questionOne.stepTwoAlt')" />
|
<img src="https://i.imgur.com/A9cvDkK.png" :alt="$t('settings.spotify.howTo.clientSecretQuestion.step3.imageAlt')" />
|
||||||
</p>
|
</p>
|
||||||
<p class="mb-2 text-base">
|
<p class="mb-4 text-base">
|
||||||
{{ $t('settings.spotify.howTo.questionOne.stepThree') }}
|
{{ $t('settings.spotify.howTo.clientSecretQuestion.step4.text') }}<br/>
|
||||||
<img src="https://i.imgur.com/A9cvDkK.png" :alt="$t('settings.spotify.howTo.questionOne.stepThreeAlt')" />
|
<img src="https://i.imgur.com/foEfIhO.png" :alt="$t('settings.spotify.howTo.clientSecretQuestion.step4.imageAlt')" />
|
||||||
</p>
|
</p>
|
||||||
<p class="mb-2 text-base">
|
<p class="mb-4 text-base">{{ $t('settings.spotify.howTo.clientSecretQuestion.step5') }}</p>
|
||||||
{{ $t('settings.spotify.howTo.questionOne.stepFour') }}
|
|
||||||
<img src="https://i.imgur.com/foEfIhO.png" :alt="$t('settings.spotify.howTo.questionOne.stepFourAlt')" />
|
|
||||||
</p>
|
|
||||||
<p class="mb-2 text-base">{{ $t('settings.spotify.howTo.questionOne.stepFive') }}</p>
|
|
||||||
|
|
||||||
<h2 class="mt-6 text-3xl">{{ $t('settings.spotify.howTo.questionTwo.title') }}</h2>
|
<h2 class="mt-6 text-3xl">{{ $t('settings.spotify.howTo.usernameQuestion.title') }}</h2>
|
||||||
<p class="mb-2 text-base">
|
<i18n path="settings.spotify.howTo.usernameQuestion.step1.text" tag="p" class="mb-4 text-base">
|
||||||
{{ $t('settings.spotify.howTo.questionTwo.stepOne.partOne') }} <a href="https://www.spotify.com/it/account/overview/" target="_blank">{{ $t('settings.spotify.howTo.questionTwo.stepOne.partTwo') }}</a> {{ $t('settings.spotify.howTo.questionTwo.stepOne.partThree') }}.
|
<template #overviewPage>
|
||||||
</p>
|
<a href="https://www.spotify.com/it/account/overview/" target="_blank">{{ $t('settings.spotify.howTo.usernameQuestion.step1.overviewPage') }}</a>
|
||||||
|
</template>
|
||||||
|
</i18n>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|
|
||||||
116
src/lang/en.mjs
116
src/lang/en.mjs
|
|
@ -231,34 +231,43 @@ const en = {
|
||||||
arl: {
|
arl: {
|
||||||
title: 'Use ARL instead',
|
title: 'Use ARL instead',
|
||||||
question: 'How do I get my own ARL?',
|
question: 'How do I get my own ARL?',
|
||||||
howTo:
|
howTo: {
|
||||||
'Deezer keeps track of login session by using a cookie called ARL.\nDeemix uses that cookie to get the metadata that it needs to download the tracks from Deezer.\nARLs last for 3 months, after that Deezer asks you to log in again. The same method is used in deemix.\nFollowing one of the guides below you can get your own account ARL.',
|
prologue: {
|
||||||
chromeSteps: {
|
p1: 'Deezer keeps track of login session by using a cookie called ARL.',
|
||||||
easyWay: {
|
p2: 'Deemix uses that cookie to get the metadata that it needs to download the tracks from Deezer.',
|
||||||
title: 'Chrome (Easy way)',
|
p3: 'ARLs last for 3 months, after that Deezer asks you to log in again. The same method is used in deemix.',
|
||||||
stepThree: 'Click on the little "lock" icon next the URL',
|
p4: 'Following one of the guides below you can get your own account ARL.',
|
||||||
stepFour: 'Click on Cookies > deezer.com > cookies > arl',
|
warning: "Use this method only if email and password doesn't work."
|
||||||
stepFive: 'Select the string next to Content, and Copy'
|
|
||||||
},
|
},
|
||||||
title: 'Chrome',
|
chromeSteps: {
|
||||||
stepFour: "Go under the Application tab (if you don't see it click the double arrow)",
|
title: 'Chrome',
|
||||||
hereIs: "Here's a",
|
step1: 'Open Chrome',
|
||||||
videoGuide: 'video guide'
|
easyWay: {
|
||||||
},
|
title: 'Chrome (Easy way)',
|
||||||
firefoxSteps: {
|
step3: 'Click on the little "lock" icon next the URL',
|
||||||
title: 'Firefox',
|
step4: 'Click on Cookies > deezer.com > cookies > arl',
|
||||||
stepOne: 'Open Firefox',
|
step5: 'Select the string next to Content, and Copy'
|
||||||
stepFour: "Go under the Storage tab (if you don't see it click the double arrow)"
|
},
|
||||||
},
|
step4: "Go under the Application tab (if you don't see it click the double arrow)",
|
||||||
commonSteps: {
|
videoGuide: {
|
||||||
stepOne: 'Open Chrome',
|
text: "Here's a {videoGuide}",
|
||||||
stepTwo: 'Go to www.deezer.com and log into your account',
|
link: 'video guide'
|
||||||
stepThree: 'After logging in press F12 to open up Developer Tools',
|
}
|
||||||
stepFive: 'Open the cookie dropdown',
|
},
|
||||||
stepSix: 'Select www.deezer.com',
|
firefoxSteps: {
|
||||||
stepSeven: 'Find the `arl` cookie (It should be 192 chars long)',
|
title: 'Firefox',
|
||||||
stepEight: 'Make sure only copy the value and not the entire cookie',
|
step1: 'Open Firefox',
|
||||||
stepLast: "That's your ARL, now you can use it in the app"
|
step4: "Go under the Storage tab (if you don't see it click the double arrow)"
|
||||||
|
},
|
||||||
|
commonSteps: {
|
||||||
|
step2: 'Go to www.deezer.com and log into your account',
|
||||||
|
step3: 'After logging in press F12 to open up Developer Tools',
|
||||||
|
step5: 'Open the cookie dropdown',
|
||||||
|
step6: 'Select www.deezer.com',
|
||||||
|
step7: 'Find the `arl` cookie (It should be 192 chars long)',
|
||||||
|
step8: 'Make sure only copy the value and not the entire cookie',
|
||||||
|
lastStep: "That's your ARL, now you can use it in the app"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
update: 'Force Update ARL'
|
update: 'Force Update ARL'
|
||||||
},
|
},
|
||||||
|
|
@ -437,32 +446,37 @@ const en = {
|
||||||
username: 'Spotify Username',
|
username: 'Spotify Username',
|
||||||
question: 'How do I enable Spotify Features?',
|
question: 'How do I enable Spotify Features?',
|
||||||
howTo: {
|
howTo: {
|
||||||
prologue:
|
prologue: {
|
||||||
'"Spotify Features" is a set of features that lets you convert Spotify tracks and albums links into Deezer ones. If you provide a Spotify Playlist link the app will automatically convert all the links of the tracks inside it into deezer tracks. Enabling this set of features will let you see your public Spotify playlists in the favorites tab as well.',
|
p1: '"Spotify Features" is a set of features that lets you convert Spotify tracks and albums links into Deezer ones.',
|
||||||
info: 'For security reasons you will need to provide your own Client ID and Client Secret',
|
p2: 'If you provide a Spotify Playlist link the app will automatically convert all the links of the tracks inside it into deezer tracks.',
|
||||||
questionOne: {
|
p3: 'Enabling this set of features will let you see your public Spotify playlists in the favorites tab as well.'
|
||||||
title: 'How do I get my Client ID and Client Secret?',
|
|
||||||
stepOne: {
|
|
||||||
partOne: 'Connect to',
|
|
||||||
partTwo: "Spotify for Developers's Dashboard",
|
|
||||||
partThree: 'and login with your Spotify account.'
|
|
||||||
},
|
|
||||||
stepTwo: 'Click on "Create an App".\n',
|
|
||||||
stepTwoAlt: "Create an App button on Spotify for Developers's Dashboard",
|
|
||||||
stepThree:
|
|
||||||
'Fill out the "App name" and "App description" fields and check both checkboxes. Then click on the "Create" button.\n',
|
|
||||||
stepThreeAlt: 'Create an app form',
|
|
||||||
stepFour:
|
|
||||||
'Now you can see the Client ID. If you click on "Show Client Secret" the client secret will be revealed.\n',
|
|
||||||
stepFourAlt: 'Screen of client ID and Secret',
|
|
||||||
stepFive: 'Now you can copy-paste those results in the appropriate fields in the settings.'
|
|
||||||
},
|
},
|
||||||
questionTwo: {
|
info: 'For security reasons you will need to provide your own Client ID and Client Secret',
|
||||||
|
clientSecretQuestion: {
|
||||||
|
title: 'How do I get my Client ID and Client Secret?',
|
||||||
|
step1: {
|
||||||
|
text: 'Connect to {spotifyDevelopersDashboard} and login with your Spotify account.',
|
||||||
|
spotifyDevelopersDashboard: "Spotify for Developers's Dashboard"
|
||||||
|
},
|
||||||
|
step2: {
|
||||||
|
text: 'Click on "Create an App".',
|
||||||
|
imageAlt: "Create an App button on Spotify for Developers's Dashboard"
|
||||||
|
},
|
||||||
|
step3: {
|
||||||
|
text: 'Fill out the "App name" and "App description" fields and check both checkboxes. Then click on the "Create" button.',
|
||||||
|
imageAlt: 'Create an app form'
|
||||||
|
},
|
||||||
|
step4: {
|
||||||
|
text: 'Now you can see the Client ID. If you click on "Show Client Secret" the client secret will be revealed.',
|
||||||
|
imageAlt: 'Screen of client ID and Secret'
|
||||||
|
},
|
||||||
|
step5: 'Now you can copy-paste those results in the appropriate fields in the settings.'
|
||||||
|
},
|
||||||
|
usernameQuestion: {
|
||||||
title: 'How do I get my Spotify Username?',
|
title: 'How do I get my Spotify Username?',
|
||||||
stepOne: {
|
step1: {
|
||||||
partOne: 'You can get your Spotify Username from the',
|
text: "You can get your Spotify Username from the {overviewPage} on Spotify's Website.",
|
||||||
partTwo: 'Overview page',
|
overviewPage: 'Overview page'
|
||||||
partThree: "on Spotify's Website"
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue