Files
habitica/website/client/src/components/static/clearBrowserData.vue
T
2023-06-06 16:30:37 -05:00

52 lines
1.3 KiB
Vue

<template>
<div class="container-fluid text-center">
<div class="row">
<div class="col-md-6 offset-3">
<h1>{{ $t('clearBrowserData') }}</h1>
<p v-html="$t('localStorageTryFirst', localStorageTryFirst) "></p>
<br>
<p class="text-center">
<button
id="buttonClearBrowserData"
class="btn btn-lg btn-danger"
@click="clearLocalStorage()"
>
{{ $t('localStorageClear') }}
</button>
<b-popover
target="buttonClearBrowserData"
triggers="hover focus"
placement="right"
:prevent-overflow="false"
:content="$t('localStorageClearExplanation')"
/>
</p>
<br>
<p v-html="$t('localStorageTryNext', localStorageTryNext) "></p>
</div>
</div>
</div>
</template>
<script>
export default {
data () {
return {
localStorageTryFirst: {
linkStart: '<a href="/user/settings/site" target="_blank">',
linkEnd: '</a>',
},
localStorageTryNext: {
linkStart: '<a href="https://github.com/HabitRPG/habitica/issues/2760" target="_blank">',
linkEnd: '</a>',
},
};
},
methods: {
clearLocalStorage () {
this.$store.dispatch('auth:logout');
},
},
};
</script>