初始化

pages/index.vue

@@ -0,0 +1,68 @@
+<template>
+
+  <Flash/>
+
+
+  <CompanyList :param="{official: true,recommend: true,limit: 4}" :fit="`cover`" />
+
+<!--  <ProductList :param="{type:0, official: true,limit: 4}" :fit="`cover`" title="产品服务" comments="拥抱开源、坚守品质；致力于打造安全稳定高可用的WEB应用！"/>-->
+
+<!--  <ArticleList title="开发者社区" comments="分享研发成果 交流技术经验"/>-->
+
+</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';
+
+// 引入状态管理
+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>