s.esmaeiliandClaude Sonnet 5
c05352d6fd
Remove DialogVant/NotifyVant and add Toast and Sheet components with useToast, useReveal, and usePageTransition composables. Rework Navigation, RegisterView, and styles across both apps; rebuild dist assets. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
48 lines
2.0 KiB
TypeScript
48 lines
2.0 KiB
TypeScript
import { createApp } from 'vue';
|
|
import { createPinia } from 'pinia';
|
|
import VueLazyLoad from 'vue3-lazyload';
|
|
import App from './App.vue';
|
|
import { router } from './router';
|
|
import { setUnauthorizedHandler } from './api/client';
|
|
import { useSessionStore } from './stores/session';
|
|
import Container from './components/ui/Container.vue';
|
|
// TODO: temporary placeholder — swap Vector.svg back in (or a proper loading
|
|
// mark) once one exists; montzar-logo.png is the brand logo, borrowed here
|
|
// just so lazy-loaded images have something other than a broken icon.
|
|
import Vector from './assets/img/montzar-logo.png';
|
|
|
|
// Global styles, ported from legacy henza_pwa/src/main.ts — same import order
|
|
// (ant-design-vue's own theme first, then our Less overrides on top). Legacy
|
|
// imported 'vant/lib/index.css' twice (a dead duplicate) — imported once here.
|
|
import './assets/styles/tailwind.css';
|
|
import 'ant-design-vue/dist/antd.less';
|
|
import './assets/styles/style.less';
|
|
import 'vant/lib/index.css';
|
|
|
|
const app = createApp(App);
|
|
|
|
app.use(createPinia());
|
|
app.use(router);
|
|
|
|
// A 401 from the API means the customer token is gone or expired. Clear the
|
|
// session and send the user to login, so no stale personal data stays on
|
|
// screen behind a dead token. Registered after Pinia so the store exists.
|
|
setUnauthorizedHandler(() => {
|
|
useSessionStore().logout();
|
|
if (router.currentRoute.value.name !== 'login') {
|
|
void router.push({ name: 'login' });
|
|
}
|
|
});
|
|
// Ported from legacy main.ts:32-46, with one change: the brand mark is now only
|
|
// the on-error placeholder. As the while-loading placeholder it painted the
|
|
// logo into every card first and then swapped it for the real photo a moment
|
|
// later — a visible jump on every image. While loading, the library's own
|
|
// transparent pixel is used instead, the image is held at opacity 0 and fades
|
|
// in once loaded (see `img[lazy]` in style.less); the card's own background
|
|
// stands in until then.
|
|
app.use(VueLazyLoad, {
|
|
error: Vector,
|
|
});
|
|
app.component('container', Container);
|
|
app.mount('#app');
|