<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> -->