Features: 1) Simplify layout hydration using client:only="vue" for Vue components;

Fixes: None;

Extra: 1) Remove unused composables and their function calls to streamline default layout; 2) Minor cleanup including unnecessary newline removal in plugins entry file;
This commit is contained in:
Alexandr SaVBaD Waltz 2025-06-02 13:08:27 +03:00
parent 6894015954
commit 7d154f9302
3 changed files with 3 additions and 20 deletions

View file

@ -1,4 +1,3 @@
<template> <template>
<div style="display: none;"></div> <div style="display: none;"></div>
</template> </template>

View file

@ -1,22 +1,7 @@
--- ---
import AppInitializer from "@/components/app-initializer.vue"; import AppInitializer from "@/components/app-initializer.vue";
import {useRefresh} from "@/composables/auth";
import {useCompanyInfo} from "@/composables/company";
import {useLanguages} from "@/composables/languages/index.js";
import BaseHeader from "@/components/base/header/base-header.vue"; import BaseHeader from "@/components/base/header/base-header.vue";
import BaseFooter from "@/components/base/base-footer.vue"; import BaseFooter from "@/components/base/base-footer.vue";
const { refresh } = useRefresh();
const { getCompanyInfo } = useCompanyInfo();
const { getLanguages } = useLanguages();
await refresh();
await getCompanyInfo();
await getLanguages();
setInterval(async () => {
await refresh();
}, 600000);
--- ---
<html lang="en"> <html lang="en">
@ -29,10 +14,10 @@ setInterval(async () => {
</head> </head>
<body> <body>
<main class="main"> <main class="main">
<BaseHeader client:load /> <BaseHeader client:only="vue" />
<slot /> <slot />
<BaseFooter client:load /> <BaseFooter client:only="vue" />
<AppInitializer client:load /> <AppInitializer client:only="vue" />
</main> </main>
</body> </body>
</html> </html>

View file

@ -4,7 +4,6 @@ import { createApolloClient } from "../apollo/index.js";
import { DefaultApolloClient } from "@vue/apollo-composable"; import { DefaultApolloClient } from "@vue/apollo-composable";
import ElementPlus from 'element-plus'; import ElementPlus from 'element-plus';
export default function (app) { export default function (app) {
app.use(pinia); app.use(pinia);