<template>

<!--    <Flash/>-->

    <Carousel />

    <NewsCenter title="新闻中心" comments="News Center"/>

    <AboutUs title="关于我们" comments="About Us"/>

    <VideoCenter title="视频中心" comments="Video Center" />

    <CompanyStyle title="公司风采" comments="Company Style" />


<!--  <CompanyList :param="{official: true,recommend: true,limit: 4}" :fit="`cover`"  title="产品服务" comments="拥抱开源、坚守品质；致力于打造安全稳定高可用的WEB应用！"/>-->

<!--  <ProductList :param="{type:0, official: true,limit: 4}" :fit="`cover`" title="产品服务" comments="拥抱开源、坚守品质；致力于打造安全稳定高可用的WEB应用！"/>-->

</template>
<script setup lang="ts">
import {useConfigInfo, useForm, useToken, useWebsite} from "~/composables/configState";
import type {BreadcrumbItem} from "~/types/global";
import Flash from './components/Flash.vue';
import ArticleList from './components/ArticleList.vue';
import NewsCenter from "~/pages/components/NewsCenter.vue";
import AboutUs from "~/pages/components/AboutUs.vue";
import VideoCenter from "~/pages/components/VideoCenter.vue";
import CompanyStyle from "~/pages/components/CompanyStyle.vue";
import Carousel from "~/pages/components/Carousel.vue";

// 引入状态管理
const route = useRoute();
const layout = ref<any>();
const token = useToken();
const form = useForm();
const breadcrumb = ref<BreadcrumbItem>();

// 请求数据
const reload = async () => {

  // 页面布局
  if (form.value?.layout) {
    layout.value = JSON.parse(form.value?.layout)
  }

  // 未登录状态(是否强制登录)
  if (!token.value || token.value == '') {
    // if (config.value.MustLogin) {
    //   navigateTo('/passport/login');
    //   return false;
    // }
  }

  // seo
  useHead({
    title: `构建现代WEB应用 · WEBSOFT`,
    meta: [{name: form.value.design?.keywords, content: form.value.design?.description}],
    bodyAttrs: {
      class: "page-container",
    },
    script: [
      {
        children: `console.log(${JSON.stringify(form.value)})`,
      },
    ],
  });
  // 面包屑
  breadcrumb.value = form.value
}

watch(
    () => route.path,
    (path) => {
      console.log(path, '=>Path')

      reload();
    },
    {immediate: true}
);
</script>
