base_ui/app.vue
2025-03-15 13:41:45 +03:30

80 lines
1.7 KiB
Vue

<template>
<UApp :locale="fa_ir">
<NuxtLoadingIndicator />
<NuxtRouteAnnouncer />
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</UApp>
</template>
<script setup lang="ts">
import { fa_ir } from "@nuxt/ui/locale";
onMounted(() => {
// const toast = useToast();
// toast.add({
// title: "hello world",
// });
});
// import { useCounterStore } from "~/stores/counter";
// import { storeToRefs } from "pinia";
// export default {
// setup() {
// definePageMeta({
// colorMode: "light",
// });
// },
// mounted() {
// access the `store` variable anywhere in the component ✨
// const store = useCounterStore();
// const { count, doubleCount } = storeToRefs(store);
// const { increment } = store;
// console.info(this.$config.public.TAHRIR_ASSETS_URL);
// console.info(this.$config.public.PUBLIC_JAHAT_ASSETS_URL);
// console.info(this.$config.public.VITE_APP_NAME);
// console.info(import.meta.env.VITE_APP_NAME);
// console.info(this.$config.public);
// console.info(this.$config.public.TITLE);
// console.info(this.$config.public.NODE_ENV);
// console.info(this.$config.public.VITE_APP_NAME);
// console.info(this.$config.public.VITE_BASE_URL);
// console.info(this.$config.public.VITE_BASE_URL);
// },
// methods: {
// logSomeError(error) {
// console.info("logSomeError", error);
// },
// },
// };
</script>
<!-- using scss -->
<!-- <style lang="scss"> -->
<!-- // @use "~/assets/scss/main.scss"; -->
<!-- </style> -->
<!-- <style>
.page-enter-active,
.page-leave-active {
transition: all 0.4s;
}
.page-enter-from,
.page-leave-to {
opacity: 0;
filter: blur(1rem);
}
.layout-enter-active,
.layout-leave-active {
transition: all 0.4s;
}
.layout-enter-from,
.layout-leave-to {
filter: grayscale(1);
}
</style> -->