chore: install prettier
This commit is contained in:
@@ -2,12 +2,21 @@
|
||||
<ClientOnly>
|
||||
<TopMenu @changetab="changeTab" />
|
||||
<div class="container blockdiv has-text-text-20">
|
||||
<div class="mb-2 is-flex is-justify-content-space-between is-align-items-center is-gap-1" v-if="tab">
|
||||
<div
|
||||
class="mb-2 is-flex is-justify-content-space-between is-align-items-center is-gap-1"
|
||||
v-if="tab"
|
||||
>
|
||||
<div>
|
||||
<div class="fs-17 font-semibold is-flex is-gap-1 is-align-items-center mb-1">
|
||||
<div v-if="subtab" class="is-flex is-gap-0.5 is-align-items-center">
|
||||
<div
|
||||
v-if="subtab"
|
||||
class="is-flex is-gap-0.5 is-align-items-center"
|
||||
>
|
||||
<span>{{ tab[$store.lang] }}</span>
|
||||
<Icon name="material-symbols:arrow-forward-ios-rounded" :size="16" />
|
||||
<Icon
|
||||
name="material-symbols:arrow-forward-ios-rounded"
|
||||
:size="16"
|
||||
/>
|
||||
<span>{{ subtab[$store.lang] }}</span>
|
||||
</div>
|
||||
<p v-else>{{ tab[$store.lang] }}</p>
|
||||
@@ -15,10 +24,14 @@
|
||||
@click="refresh"
|
||||
class="button is-primary is-light rounded-full p-1"
|
||||
>
|
||||
<Icon name="material-symbols:refresh-rounded" :size="20" />
|
||||
<Icon
|
||||
name="material-symbols:refresh-rounded"
|
||||
:size="20"
|
||||
/>
|
||||
</button>
|
||||
</div>
|
||||
<p class="has-text-grey fs-13 font-normal">Cập nhật:
|
||||
<p class="has-text-grey fs-13 font-normal">
|
||||
Cập nhật:
|
||||
<NuxtTime
|
||||
:datetime="Date.now() - 1000 * 60 * Math.random() * 10"
|
||||
locale="vi-VN"
|
||||
@@ -26,11 +39,15 @@
|
||||
/>
|
||||
</p>
|
||||
</div>
|
||||
<div id="header-right-slot">
|
||||
</div>
|
||||
<div id="header-right-slot"></div>
|
||||
</div>
|
||||
<KeepAlive>
|
||||
<component :is="componentMap[vbind.component]" v-bind="vbind" :key="componentKey" v-if="componentKey" />
|
||||
<component
|
||||
:is="componentMap[vbind.component]"
|
||||
v-bind="vbind"
|
||||
:key="componentKey"
|
||||
v-if="componentKey"
|
||||
/>
|
||||
</KeepAlive>
|
||||
</div>
|
||||
</ClientOnly>
|
||||
@@ -42,11 +59,11 @@ const componentKey = ref();
|
||||
var vbind = {};
|
||||
var tab, subtab, currentTab;
|
||||
const toPascalCase = (str) => {
|
||||
if (!str || typeof str !== 'string') return str;
|
||||
if (!str || typeof str !== "string") return str;
|
||||
return str
|
||||
.split('/')
|
||||
.split("/")
|
||||
.map((part) => part.charAt(0).toUpperCase() + part.slice(1))
|
||||
.join('');
|
||||
.join("");
|
||||
};
|
||||
function changeTab(_tab, _subtab) {
|
||||
tab = _tab;
|
||||
@@ -68,8 +85,8 @@ function changeTab(_tab, _subtab) {
|
||||
useHead($createMeta(meta));
|
||||
}
|
||||
function refresh() {
|
||||
const copy = $copy(componentKey.value) + $id()
|
||||
componentKey.value = undefined
|
||||
setTimeout(()=>componentKey.value = copy)
|
||||
const copy = $copy(componentKey.value) + $id();
|
||||
componentKey.value = undefined;
|
||||
setTimeout(() => (componentKey.value = copy));
|
||||
}
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user