fix: improve SSR for settings back button

This commit is contained in:
Anthony Fu 2022-12-28 02:12:56 +01:00
parent d8d163dbd0
commit d09b4deb52
7 changed files with 14 additions and 28 deletions

View file

@ -1,9 +1,5 @@
<script lang="ts" setup>
const { lg } = breakpoints
</script>
<template>
<MainContent :back="!lg">
<MainContent back-on-small-screen>
<template #title>
<div text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
<span>{{ $t('settings.about.label') }}</span>

View file

@ -1,9 +1,5 @@
<script lang="ts" setup>
const { lg } = breakpoints
</script>
<template>
<MainContent :back="!lg">
<MainContent back-on-small-screen>
<template #title>
<div text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
<span>{{ $t('settings.interface.label') }}</span>

View file

@ -1,9 +1,5 @@
<script lang="ts" setup>
const { lg } = breakpoints
</script>
<template>
<MainContent :back="!lg">
<MainContent back-on-small-screen>
<template #title>
<div text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
<span>{{ $t('settings.language.label') }}</span>

View file

@ -1,9 +1,5 @@
<script lang="ts" setup>
const { lg } = breakpoints
</script>
<template>
<MainContent :back="!lg">
<MainContent back-on-small-screen>
<template #title>
<div text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
<span>{{ $t('settings.preferences.label') }}</span>

View file

@ -1,9 +1,5 @@
<script lang="ts" setup>
const { lg } = breakpoints
</script>
<template>
<MainContent :back="!lg">
<MainContent back-on-small-screen>
<template #title>
<div text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
<span>{{ $t('settings.profile.label') }}</span>

View file

@ -63,7 +63,7 @@ async function importTokens() {
</script>
<template>
<MainContent :back="!lg">
<MainContent back-on-small-screen>
<template #title>
<div text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
<span>{{ $t('settings.users.label') }}</span>