app/components.d.ts

@@ -16,15 +16,12 @@ declare module 'vue' {
     NCheckbox: typeof import('naive-ui')['NCheckbox']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']
     NDatePicker: typeof import('naive-ui')['NDatePicker']
-    NDivider: typeof import('naive-ui')['NDivider']
     NDropdown: typeof import('naive-ui')['NDropdown']
     NEllipsis: typeof import('naive-ui')['NEllipsis']
     NEmpty: typeof import('naive-ui')['NEmpty']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
     NIcon: typeof import('naive-ui')['NIcon']
-    NImage: typeof import('naive-ui')['NImage']
-    NImageGroup: typeof import('naive-ui')['NImageGroup']
     NInfiniteScroll: typeof import('naive-ui')['NInfiniteScroll']
     NInput: typeof import('naive-ui')['NInput']
     NInputGroup: typeof import('naive-ui')['NInputGroup']

app/components/CreatePlanet.vue

@@ -249,7 +249,7 @@ async function handlePictureChange(event: Event) {
           placeholder="请输入加入费用"
         >
           <template #suffix>
-            金币
+            积分
           </template>
         </NInputNumber>
       </NFormItem>

app/components/EditPlanet.vue

@@ -78,8 +78,8 @@ async function getCommunityDetail() {
       formValue.value = {
         imageUrl,
         communityName,
-        communityTag: communityTag?.toString() || '',
+        communityTag: communityTag.toString(),
-        type: type?.toString() || '',
+        type: type.toString(),
         price,
         id,
         validityDay,
@@ -274,7 +274,7 @@ async function handlePictureChange(event: Event) {
           placeholder="请输入加入费用"
         >
           <template #suffix>
-            金币
+            积分
           </template>
         </NInputNumber>
       </NFormItem>

app/components/GoldPayment.vue

@@ -82,7 +82,7 @@ async function getQrCode() {
   }
 }
 
-// 是否显示充值弹框
+// 二维码是否过去
 const isVisible = ref(true)
 
 // 获取积分余额和历史记录

app/components/Header.vue

@@ -126,6 +126,8 @@ async function handleUserSelect(key: string) {
 }
 // 发布下拉选项
 async function handlePublishSelect(key: string) {
+  if (!userStore?.userInfo.name)
+    return
   if (!userStore.isLoggedIn) {
     modalStore.showLoginModal()
   }
@@ -138,6 +140,7 @@ async function handlePublishSelect(key: string) {
     }
     else {
       const baseUrl = window.location.origin
+      debugger
       window.open(`${baseUrl}/${key}?type=add`, '_blank', 'noopener,noreferrer')
       // router.push({
       //   path: `/${key}`,

app/components/LoginModal.vue

@@ -14,13 +14,12 @@ defineExpose({
 const regex = /^1[3-9]\d{9}$/
 const rules: FormRules = {
   phone: [
-    // , trigger: 'blur'
+    { required: true, message: '请输入手机号', trigger: 'blur' },
-    { required: true, message: '请输入手机号' },
+    { pattern: regex, message: '手机号格式不正确', trigger: 'blur' },
-    { pattern: regex, message: '手机号格式不正确' },
   ],
   code: [
-    { required: true, message: '请输入验证码' },
+    { required: true, message: '请输入验证码', trigger: 'blur' },
-    { len: 6, message: '验证码长度为6位' },
+    { len: 6, message: '验证码长度为6位', trigger: 'blur' },
   ],
 }
 // 响应式状态

app/components/PlanetBaseInfo.vue

@@ -122,7 +122,7 @@ watchEffect(() => {
 
 <template>
   <div class="bg-white rounded-lg w-[290px] p-4 h-fit">
-    <div class="flex flex-col">
+    <div class="flex flex-col gap-4">
       <!-- 左侧图片 -->
       <div class="w-[258px] h-[258px] rounded-lg relative bg-[#f2f3f5] overflow-hidden">
         <img
@@ -150,7 +150,7 @@ watchEffect(() => {
           </div>
         </div>
       </div>
-      <n-divider />
+
       <!-- 右侧信息 -->
       <div class="flex flex-col justify-between flex-1">
         <div class="space-y-2">
@@ -158,24 +158,23 @@ watchEffect(() => {
             {{ planetInfo.communityName }}
           </h1>
         </div>
-        <div class="flex items-center gap-8 text-xs text-[#878d95] mt-1">
+        <div class="flex items-center gap-8 text-xs text-[#878d95] mt-1 mb-4">
           <div>创建{{ planetInfo.validityDay }}天</div>
         </div>
-        <!-- line-clamp-3 -->
+        <div class="text-sm text-[#4a5563] line-clamp-3">
-        <div class="text-sm text-[#4a5563] py-3">
           {{ planetInfo.description }}
         </div>
       </div>
     </div>
     <div
-      class="flex items-center bg-[#F4F9FF] px-2 py-3 rounded-lg text-sm text-gray-800 cursor-pointer"
+      class="flex items-center bg-[#F4F9FF] px-2 py-3 rounded-lg mt-4 text-sm text-gray-800 cursor-pointer"
       @click="toFileList"
     >
       <FileChartColumnIncreasing class="w-4 h-4 mr-2" />
       全部文件
     </div>
     <!-- 在线咨询 -->
-    <div class="">
+    <div class="mt-6">
       <button
         class="w-full bg-[#1e80ff] hover:bg-[#3b8fff] text-white rounded-lg py-3 mt-4"
         @click="handleShowQuestion"

app/components/PlanetComment.vue

@@ -1,10 +1,7 @@
 <script setup lang="ts">
-import { commonApi } from '@/api/common'
-
 // import { NConfigProvider, NInfiniteScroll, NInput } from 'naive-ui'
 import {
   EllipsisVertical,
-  FileChartColumn,
   Star,
   ThumbsUp,
 } from 'lucide-vue-next'
@@ -36,6 +33,7 @@ const props = defineProps({
     default: () => ({}),
   },
 })
+
 // const $props = defineProps(['headUrl', 'dataList', 'height'])
 
 const userStore = useUserStore()
@@ -258,7 +256,6 @@ async function handleDel(type: string, item: any) {
   if (type === 'parent') {
     params.publishId = item.item.id
     params.communityId = item.item.communityId
-    params.tenantId = item.item.tenantId
   }
   else {
     const { id, communityId, tenantId } = item.sub
@@ -280,14 +277,11 @@ async function handleDel(type: string, item: any) {
   }
 }
 
-// 举报
-const isVisibleReport = ref(false)
-
 async function handleSelect(event: any, type: string, item: any) {
   event.stopPropagation() // 阻止事件冒泡
   if (type === 'choiceness') {
     try {
-      const res = await request.get(`publish/elite?publishId=${item.id}&communityId=${item.communityId}&tenantId=${item.tenantId}`)
+      const res = await request.get(`publish/elite?publishId=${item.id}&communityId=${item.communityId}`)
       if (res.code === 200) {
         message.success(item.isElite === 1 ? '取消精选成功！' : '精选成功！')
         getCommentList()
@@ -298,30 +292,20 @@ async function handleSelect(event: any, type: string, item: any) {
     }
   }
   else if (type === 'complaint') {
-    isVisibleReport.value = true
+    console.log('投诉')
   }
   else if (type === 'delete') {
     console.log('删除')
   }
 }
-
-// 下载
-function handleDownload(url: string) {
-  const a = document.createElement('a')
-  a.href = url
-  a.download = url.split('/').pop() || 'downloaded_file'
-  document.body.appendChild(a)
-  a.click()
-  document.body.removeChild(a)
-}
 </script>
 
 <template>
-  <div class="min-h-[320px]">
+  <div class="bg-white py-4 rounded min-h-[320px]">
     <div
       v-for="(item, index) in commentList"
       :key="index"
-      class="p-4 mb-2 rounded bg-white"
+      class="px-4"
     >
       <div class="nav-wrap">
         <div class="left-img">
@@ -329,7 +313,7 @@ function handleDownload(url: string) {
         </div>
         <div class="right">
           <div class="name flex justify-between items-center relative">
-            <span class="text-[#4a5563] text-sm">{{ item.userName }}</span>
+            <span>{{ item.userName }}</span>
             <img
               v-if="item.isElite === 1"
               class="cursor-pointer absolute right-0 top-[4px] w-10 h-10"
@@ -370,11 +354,11 @@ function handleDownload(url: string) {
               </div>
             </div>
           </div>
-          <div class="text-gray-500 text-xs">
+          <div class="des">
-            {{ item. createTime }}
+            {{ item.content }}
           </div>
           <div class="star-wrap">
-            <span class="text-[#192029] text-sm">{{ item.content }}</span>
+            <span class="time">{{ item.createTime }}</span>
             <div class="star-operator">
               <div class="icon-wrap">
                 <ThumbsUp size="16" class="mr-1" :color="item.isLike !== 0 ? '#ff0000' : '#000000'" @click="handleFocus('parent', { item })" />
@@ -386,51 +370,7 @@ function handleDownload(url: string) {
 
               <span class="cursor-pointer m-r16" @click="handleMessage(item)">回复</span>
 
-              <span v-if="item.userId === userStore?.userInfo?.userId || userStore?.userInfo?.userId === Number(props.publishListParams.tenantId)" class="cursor-pointer" @click="handleDel('parent', { item })">删除</span>
+              <span class="cursor-pointer" @click="handleDel('parent', { item })">删除</span>
-            </div>
-          </div>
-          <div>
-            <div v-if="item.fileName" class="my-2">
-              <!-- <n-image-group>
-                <n-space>
-                  <n-image
-                    v-for="(subItem, subIndex) in item.fileName.split(',')"
-                    :key="subIndex"
-                    width="100"
-                    :src="subItem"
-                  />
-                </n-space>
-              </n-image-group> -->
-              <div
-                v-for="(subItem, subIndex) in item.fileName.split(',')"
-                :key="subIndex"
-                title="点击下载"
-                class="text-[#4a5563] text-sm cursor-pointer flex items-center hover:text-[#4a5563]/80"
-                @click="handleDownload(subItem)"
-              >
-                <FileChartColumn size="16" class="mr-1" />
-                {{ subItem }}
-              </div>
-            </div>
-            <div v-if="item.imageUrl" class="flex items-center my-1 gap-2">
-              <n-image-group>
-                <n-space>
-                  <n-image
-                    v-for="(subItem, subIndex) in item.imageUrl.split(',')"
-                    :key="subIndex"
-                    width="80"
-                    height="70"
-                    :src="subItem"
-                  />
-                </n-space>
-              </n-image-group>
-              <!-- <img
-                v-for="(subItem, subIndex) in item.imageUrl.split(',')"
-                :key="subIndex"
-                class="w-14 h-14 rounded-lg"
-                :src="subItem"
-                alt=""
-              > -->
             </div>
           </div>
           <!-- 父项评论回复操作 -->
@@ -452,7 +392,7 @@ function handleDownload(url: string) {
           </div>
         </div>
       </div>
-      <div v-if="item.commentList.length > 0" class="child-wrap bg-[#f9fbff] ml-12 p-2 rounded">
+      <div class="child-wrap">
         <div v-for="(ele, subIndex) in item.commentList" :key="subIndex" class="child-wrap-item">
           <div class="left-img">
             <img :src="ele.userAvatar">
@@ -479,7 +419,7 @@ function handleDownload(url: string) {
                   <span style="vertical-align: middle">{{ ele.likeNum }}</span>
                 </div>
                 <span class="cursor-pointer m-r16" @click="handleMessage(ele)">回复</span>
-                <span v-if="item.userId === userStore?.userInfo?.userId || userStore?.userInfo?.userId === Number(props.publishListParams.tenantId)" class="cursor-pointer" @click="handleDel('sub', { item, sub: ele })">删除</span>
+                <span v-if="item.userId === userStore?.userInfo?.userId" class="cursor-pointer" @click="handleDel('sub', { item, sub: ele })">删除</span>
               </div>
             </div>
             <!-- 子项评论回复操作 -->
@@ -503,67 +443,6 @@ function handleDownload(url: string) {
         </div>
       </div>
     </div>
-    <div>
-      <PlanetReport
-        v-model="isVisibleReport"
-        :publish-list-params="props.publishListParams"
-      />
-    </div>
-    <!-- <n-modal
-      v-model:show="isVisibleReport"
-      :preset="null"
-      :mask-closable="false"
-      transform-origin="center"
-      class="custom-modal"
-    >
-      <div class="bg-white rounded-xl p-4">
-        <div class="flex items-center justify-between">
-          <div class="text-xl">
-            举报
-          </div>
-          <div>
-            <n-icon size="20" class="mr-2 cursor-pointer" @click="closeReport">
-              <Close />
-            </n-icon>
-          </div>
-        </div>
-        <div class="flex flex-col p-4">
-          <n-radio
-            v-for="(item, index) in reportList"
-            :key="index"
-            class="m-4 text-[#fff000]"
-            size="large"
-            :checked="reportType === item.dictValue"
-            value="Definitely Maybe"
-            name="basic-demo"
-            @change="handleChange(item)"
-          >
-            {{ item.dictLabel }}
-          </n-radio>
-          <n-input
-            v-if="
-              reportType !== undefined && reportType === '6'
-            "
-            v-model:value="reportTypeText"
-            placeholder="点击输入"
-            type="textarea"
-            :autosize="{
-              minRows: 5,
-              maxRows: 10,
-            }"
-          />
-          <div
-            class="mt-4 w-[100%] h-10 flex rounded-lg text-white items-center justify-center cursor-pointer"
-            :class="[
-              reportType !== undefined ? 'bg-[#4c79ee]' : 'bg-[#cccccc]',
-            ]"
-            @click="onReport"
-          >
-            确认
-          </div>
-        </div>
-      </div>
-    </n-modal> -->
     <div class="no-more">
       暂时没有更多评论
     </div>
@@ -697,6 +576,7 @@ function handleDownload(url: string) {
 }
 
 .child-wrap {
+  padding-left: 52px;
   .child-wrap-item {
     display: flex;
     font-size: 14px;

app/components/PlanetHeader.vue

@@ -109,7 +109,7 @@ function handleShowMessage() {
         <!-- 右侧功能区 -->
         <div class="flex items-center ml-auto space-x-4">
           <!-- 搜索框 -->
-          <!-- <div class="relative flex items-center w-[360px]">
+          <div class="relative flex items-center w-[360px]">
             <input
               v-model="searchQuery"
               type="text"
@@ -122,7 +122,7 @@ function handleShowMessage() {
               </svg>
               <span class="text-sm font-bold">搜索</span>
             </button>
-          </div> -->
+          </div>
 
           <!-- 通知铃铛 -->
           <button class="relative p-2 hover:bg-gray-50 rounded-lg" @click="handleShowMessage">

app/components/PlanetQuestionComment.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import {
-  CalendarCheck,
   ThumbsUp,
 } from 'lucide-vue-next'
 import { watch } from 'vue'
@@ -218,38 +217,38 @@ async function handleFocus(type: string, item: any) {
 }
 
 // 显示回复框
-// function handleMessage(item: any) {
+function handleMessage(item: any) {
-//   if (!item.isShowInput) {
+  if (!item.isShowInput) {
-//     item.word = ''
+    item.word = ''
-//   }
+  }
-//   item.isShowInput = !item.isShowInput
+  item.isShowInput = !item.isShowInput
-// }
+}
 // 删除评论
-// async function handleDel(type: string, item: any) {
+async function handleDel(type: string, item: any) {
-//   const params = {}
+  const params = {}
-//   if (type === 'parent') {
+  if (type === 'parent') {
-//     params.publishId = item.item.id
+    params.publishId = item.item.id
-//     params.communityId = item.item.communityId
+    params.communityId = item.item.communityId
-//   }
+  }
-//   else {
+  else {
-//     const { id, communityId, tenantId } = item.sub
+    const { id, communityId, tenantId } = item.sub
-//     params.id = id
+    params.id = id
-//     params.communityId = communityId
+    params.communityId = communityId
-//     params.tenantId = tenantId
+    params.tenantId = tenantId
-//     params.publishId = item.item.id
+    params.publishId = item.item.id
-//   }
+  }
-//   try {
+  try {
-//     const url = type === 'sub' ? '/publishComment/delete' : '/publish/remove'
+    const url = type === 'sub' ? '/publishComment/delete' : '/publish/remove'
-//     const res = await request.post(url, params)
+    const res = await request.post(url, params)
-//     if (res.code === 200) {
+    if (res.code === 200) {
-//       message.success('删除成功！')
+      message.success('删除成功！')
-//       getCommentList()
+      getCommentList()
-//     }
+    }
-//   }
+  }
-//   catch (error) {
+  catch (error) {
-//     console.log(error)
+    console.log(error)
-//   }
+  }
-// }
+}
 
 // 发布回答
 async function handlePublish() {
@@ -272,26 +271,6 @@ async function handlePublish() {
     console.log(error)
   }
 }
-
-// 采纳
-async function handleAccept(item: any, ele: any) {
-  const params = {
-    commentId: ele.id,
-    tenantId: props.publishListParams.tenantId,
-    communityId: props.publishListParams.communityId,
-    questionId: item.id,
-  }
-  try {
-    const res = await request.post('questionComment/adopt', params)
-    if (res.code === 200) {
-      message.success('采纳成功！')
-      getCommentList()
-    }
-  }
-  catch (error) {
-    console.log(error)
-  }
-}
 </script>
 
 <template>
@@ -367,7 +346,7 @@ async function handleAccept(item: any, ele: any) {
             </div> -->
           </div>
           <div v-if="item.questionUrl" class="flex flex-wrap gap-2">
-            <img v-for="(ele, subIndex) in item.questionUrl.split(',')" :key="subIndex" class="w-16 h-16 rounded-md" :src="ele">
+            <img v-for="(ele, index) in item.questionUrl.split(',')" :key="index" class="w-16 h-16 rounded-md" :src="ele">
           </div>
           <!-- 父项评论回复操作 -->
           <!-- <div v-if="item.isShowInput" class="input-wrap" style="margin-top: 10px;">
@@ -409,13 +388,6 @@ async function handleAccept(item: any, ele: any) {
             </div>
             <div class="star-wrap">
               <span class="time">{{ ele.createTime }}</span>
-              <div v-if="ele.isAccept === 0 && item.status === 0 && userStore?.userInfo?.userId === Number(props.publishListParams.tenantId) && ele.userId !== userStore?.userInfo?.userId" class="cursor-pointer m-r16 text-xs flex items-center text-[#3f7ef7] bg-[#ecf1fc] rounded-lg px-2 py-1" @click="handleAccept(item, ele)">
-                <CalendarCheck size="16" fill="currentColor" color="#fff" class="mr-1" />
-                <span>采纳</span>
-              </div>
-              <div v-if="ele.isAccept === 1" class="text-xs flex items-center text-[#3f7ef7] bg-[#ecf1fc] rounded-lg px-2 py-1">
-                <span>已采纳</span>
-              </div>
               <!-- <div class="star-operator">
                 <div class="icon-wrap">
                   <ThumbsUp size="16" class="mr-1" :color="ele.isLike !== 0 ? '#ff0000' : '#000000'" @click="handleFocus('sub', { sub: ele, item })" />

app/components/PlanetReport.vue

@@ -1,134 +0,0 @@
-<script setup lang="ts">
-// 举报类型
-import { commonApi } from '@/api/common'
-import { Close } from '@vicons/ionicons5'
-
-import {
-  EllipsisVertical,
-  FileChartColumn,
-  Star,
-  ThumbsUp,
-} from 'lucide-vue-next'
-
-interface PublishListParams {
-  communityId: string | number
-  tenantId: string | number
-  publishId: string | number
-  [key: string]: any
-}
-
-const props = defineProps<{
-  publishListParams: PublishListParams
-  modelValue: boolean
-}>()
-
-const emit = defineEmits<{
-  (e: 'update:modelValue', value: boolean): void
-}>()
-
-const message = useMessage()
-
-const reportTypeText = ref('')
-const reportType = ref('')
-const reportList = ref([])
-
-async function getDictType() {
-  try {
-    const res = await commonApi.dictType({ type: 'community_report' })
-    if (res.code === 200) {
-      reportList.value = res.data
-    }
-  }
-  catch (error) {
-    console.error(error)
-  }
-}
-getDictType()
-
-function handleChange(item: any) {
-  reportType.value = item.dictValue
-  if (item.dictValue !== '6') {
-    reportTypeText.value = ''
-  }
-}
-
-async function onReport() {
-  if (reportType.value !== undefined) {
-    const params = {
-      communityId: props.publishListParams.communityId,
-      content: reportTypeText.value,
-      reportType: reportType.value,
-      publishId: props.publishListParams.publishId,
-      tenantId: props.publishListParams.tenantId,
-    }
-    const res = await request.post('/report/addReport', params)
-    if (res.code === 200) {
-      message.success('举报成功！')
-      emit('update:modelValue', false)
-    }
-  }
-}
-
-function closeReport() {
-  emit('update:modelValue', false)
-}
-</script>
-
-<template>
-  <div>
-    <n-modal
-      :show="modelValue"
-      :preset="null"
-      :mask-closable="false"
-      transform-origin="center"
-      class="custom-modal"
-      @update:show="(value) => emit('update:modelValue', value)"
-    >
-      <div class="bg-white rounded-xl p-4">
-        <div class="flex items-center justify-between">
-          <div class="text-xl">
-            举报
-          </div>
-          <div>
-            <n-icon size="20" class="mr-2 cursor-pointer" @click="closeReport">
-              <Close />
-            </n-icon>
-          </div>
-        </div>
-        <div class="flex flex-col p-4">
-          <n-radio
-            v-for="(item, index) in reportList"
-            :key="index"
-            class="m-4 text-[#fff000]"
-            size="large"
-            :checked="reportType === item.dictValue"
-            value="Definitely Maybe"
-            name="basic-demo"
-            @change="handleChange(item)"
-          >
-            {{ item.dictLabel }}
-          </n-radio>
-          <n-input
-            v-if="reportType !== undefined && reportType === '6'"
-            v-model:value="reportTypeText"
-            placeholder="点击输入"
-            type="textarea"
-            :autosize="{
-              minRows: 5,
-              maxRows: 10,
-            }"
-          />
-          <div
-            class="mt-4 w-[100%] h-10 flex rounded-lg text-white items-center justify-center cursor-pointer"
-            :class="[
-              reportType !== undefined ? 'bg-[#4c79ee]' : 'bg-[#cccccc]',
-            ]"
-            @click="onReport"
-          >
-            确认
-          </div>
-        </div>
-      </div>
-    </n-modal>
-  </div>
-</template>

app/components/PublishContent.vue

@@ -170,7 +170,7 @@ async function handlePictureChange(event: Event) {
             class="w-[125px] h-[125px] rounded"
           >
           <n-icon color="#fff" class="absolute top-1 right-1 p-1 z-40 cursor-pointer w-6 h-6">
-            <CloseOutline class="text-[20px]" size="20" @click="imageUrl.splice(index, 1)" />
+            <CloseOutline class="text-[20px]" size="20" @click="questionUrlList.splice(index, 1)" />
           </n-icon>
         </div>
       </div>

app/components/QuestionPublish.vue

@@ -23,7 +23,7 @@ const formData = ref({
   type: 0, // 提问类型：0免费，1付费
   amount: 10, // 付费金额
   content: '', // 提问内容
-  // isAnonymous: 0, // 是否匿名 1匿名 0不匿名
+  isAnonymous: 0, // 是否匿名 1匿名 0不匿名
   questionUrl: '', // 提问图片
 })
 
@@ -72,7 +72,7 @@ async function handlePublish() {
         type: 0,
         amount: undefined,
         content: '',
-        // isAnonymous: 0,
+        isAnonymous: 0,
         questionUrl: '',
       }
       fileList.value = []
@@ -180,9 +180,9 @@ async function handlePictureChange(event: Event) {
             </n-radio>
           </n-radio-group>
 
-          <!-- <n-checkbox v-model:checked="formData.isAnonymous" unchecked-value="0" checked-value="1">
+          <n-checkbox v-model:checked="formData.isAnonymous" unchecked-value="0" checked-value="1">
             匿名提问
-          </n-checkbox> -->
+          </n-checkbox>
 
           <n-button
             type="primary"

app/components/Report.vue

@@ -1,114 +1,106 @@
-<script setup lang="ts">
+<template>
-import { commonApi } from '@/api/common'
+        <n-modal
-import { Close } from '@vicons/ionicons5'
+            v-model:show="isVisibleReport"
+            :preset="null"
+            :mask-closable="false"
+            transform-origin="center"
+            class="custom-modal"
+          >
+            <div class="bg-white rounded-xl p-4">
+              <div class="flex items-center justify-between">
+                <div class="text-xl">举报</div>
+                <div>
+                  <n-icon size="20" class="mr-2 cursor-pointer" @click="closeReport">
+                    <Close />
+                  </n-icon>
+                </div>
+              </div>
+              <div class="flex flex-col">
+                <n-radio
+                  class="m-4 text-[#fff000]"
+                  size="large"
+                  v-for="(item, index) in reportList"
+                  :key="index"
+                  :checked="reportParams.reportId === item.dictValue"
+                  value="Definitely Maybe"
+                  name="basic-demo"
+                  @change="handleChange(item)"
+                >
+                  {{ item.dictLabel }}
+                </n-radio>
+                <n-input
+                  v-if="reportParams.reportId !== undefined && reportParams.reportId === '5'"
+                  v-model:value="reportParams.text"
+                  placeholder="点击输入"
+                  type="textarea"
+                  :autosize="{
+                    minRows: 5,
+                    maxRows: 10,
+                  }"
+                />
+                <div
+                @click="onReport"
+                  class="mt-4 w-[100%] h-10 flex rounded-lg text-white items-center justify-center cursor-pointer"
+                  :class="[
+                    reportParams.reportId !== undefined
+                      ? 'bg-[#4c79ee]'
+                      : 'bg-[#cccccc]',
+                  ]"
+                >
+                  确认
+                </div>
+              </div>
+            </div>
+          </n-modal>
+</template>
+
+<script setup lang="ts">
+import { commonApi } from "@/api/common";
+import { Close } from "@vicons/ionicons5";
 
-const message = useMessage()
 // 举报
-const isVisibleReport = ref(true)
+const isVisibleReport = ref(true);
 
 const reportParams = ref({
   reportId: undefined,
-  text: '',
+  text: "",
-  type: 1,
+  type:1
-})
+});
-const reportList = ref([])
+const reportList = ref([]);
 async function getDictType() {
   try {
-    const res = await commonApi.dictType({ type: 'report_type' })
+    const res = await commonApi.dictType({ type: "report_type" });
     if (res.code === 200) {
-      reportList.value = res.data
+      reportList.value = res.data;
     }
-  }
+  } catch (error) {
-  catch (error) {
+    console.log(error);
-    console.log(error)
   }
 }
-getDictType()
+getDictType();
 function handleChange(item: any) {
-  reportParams.value.reportId = item.dictValue
+  reportParams.value.reportId = item.dictValue;
-  if (item.dictValue !== '5') {
+  if (item.dictValue !== "5") {
-    reportParams.value.text = ''
+    reportParams.value.text = "";
   }
-  console.log('object', reportParams.value)
+  console.log("object", reportParams.value);
 }
 
 function closeReport() {
-  isVisibleReport.value = false
+  isVisibleReport.value = false;
 }
 
-async function onReport() {
+async function onReport(){
-  if (reportParams.value.reportId !== undefined) {
+  if( reportParams.value.reportId !== undefined){
     reportParams.value.productId = detailsInfo.value.id
     const res = await request.post('/report/addReport', reportParams.value)
-    if (res.code === 200) {
-      isVisibleReport.value = false
-      message.success('举报成功')
-    }
   }
 }
 </script>
 
-<template>
-  <n-modal
-    v-model:show="isVisibleReport"
-    :preset="null"
-    :mask-closable="false"
-    transform-origin="center"
-    class="custom-modal"
-  >
-    <div class="bg-white rounded-xl p-4">
-      <div class="flex items-center justify-between">
-        <div class="text-xl">
-          举报
-        </div>
-        <div>
-          <n-icon size="20" class="mr-2 cursor-pointer" @click="closeReport">
-            <Close />
-          </n-icon>
-        </div>
-      </div>
-      <div class="flex flex-col">
-        <n-radio
-          v-for="(item, index) in reportList"
-          :key="index"
-          class="m-4 text-[#fff000]"
-          size="large"
-          :checked="reportParams.reportId === item.dictValue"
-          value="Definitely Maybe"
-          name="basic-demo"
-          @change="handleChange(item)"
-        >
-          {{ item.dictLabel }}
-        </n-radio>
-        <n-input
-          v-if="reportParams.reportId !== undefined && reportParams.reportId === '5'"
-          v-model:value="reportParams.text"
-          placeholder="点击输入"
-          type="textarea"
-          :autosize="{
-            minRows: 5,
-            maxRows: 10,
-          }"
-        />
-        <div
-          class="mt-4 w-[100%] h-10 flex rounded-lg text-white items-center justify-center cursor-pointer"
-          :class="[
-            reportParams.reportId !== undefined
-              ? 'bg-[#4c79ee]'
-              : 'bg-[#cccccc]',
-          ]"
-          @click="onReport"
-        >
-          确认
-        </div>
-      </div>
-    </div>
-  </n-modal>
-</template>
-
 <style scoped>
-.container {
+.container{
-  /* position: fixed;
+    /* position: fixed;
     top: 0;
     left: 0;
     width: 100vw;
@@ -116,4 +108,4 @@ async function onReport() {
     opacity: 0.4;
     background: #000; */
 }
-</style>
+</style>

app/components/planet-item.vue

@@ -36,14 +36,14 @@ const showEditPlanet = ref(false)
 
 const menuItems = computed(() => {
   const items = [
-    // {
+    {
-    //   label: '分享星球',
+      label: '分享星球',
-    //   action: () => {
+      action: () => {
-    //     const url = window.location.href
+        const url = window.location.href
-    //     navigator.clipboard.writeText(url)
+        navigator.clipboard.writeText(url)
-    //     message.success('链接已复制到剪贴板')
+        message.success('链接已复制到剪贴板')
-    //   },
+      },
-    // },
+    },
     {
       label: '退出星球',
       action: async () => {
@@ -109,29 +109,18 @@ function handleSuccess() {
 }
 
 function goDetail(item: any) {
-  const params = {
-    communityId: item.id,
-    tenantId: item.tenantId,
-    id: item.id,
-    userId: item.userId,
-  }
   if (item.isJoin === 0) {
     router.push({
       path: '/public-planet-detail',
-      state: params,
-    })
-  }
-  else {
-    router.push({
-      path: '/planet-detail',
       state: {
         communityId: item.id,
         tenantId: item.tenantId,
-        publishId: item.id,
         userId: item.userId,
       },
     })
-    // router.push(`/planet-detail?communityId=${item.id}&tenantId=${item.tenantId}&publishId=${item.id}&userId=${item.userId}`)
+  }
+  else {
+    router.push(`/planet-detail?communityId=${item.id}&tenantId=${item.tenantId}`)
   }
 }
 </script>
@@ -141,7 +130,7 @@ function goDetail(item: any) {
     <div class="bg-white rounded-lg shadow-sm flex p-4 cursor-pointer hover:shadow-[0_4px_14px_0_rgba(0,0,0,0.1)]" @click="goDetail(item)">
       <div class="w-[161px] h-[161px] relative rounded-lg">
         <img class="w-full h-full object-cover rounded-lg" :src="item.imageUrl" alt="">
-        <span class="absolute bottom-2 left-2 text-white text-xs">{{ item.joinNum || 0 }}人已经加入</span>
+        <span class="absolute bottom-2 left-2 text-white text-xs">{{ item.publishNum || 0 }}人已经加入</span>
       </div>
       <div class="flex flex-col gap-2 px-4 flex-1 justify-between">
         <div class="flex flex-col gap-2">
@@ -165,12 +154,12 @@ function goDetail(item: any) {
                 @mouseleave="hideMenu"
               >
                 <div
-                  v-for="subItem in menuItems"
+                  v-for="item in menuItems"
-                  :key="subItem.label"
+                  :key="item.label"
                   class="px-4 py-2 text-sm hover:bg-gray-100 cursor-pointer"
-                  @click="subItem.action"
+                  @click="item.action"
                 >
-                  {{ subItem.label }}
+                  {{ item.label }}
                 </div>
               </div>
             </div>
@@ -232,7 +221,7 @@ function goDetail(item: any) {
       :mask-closable="false"
       preset="dialog"
       title="提示！"
-      :content="props.item.joinNum === 1 ? '退出后该星球的内容将会被删除，若你是最后一个成员，退出后星球将被解散，是否确认退出该星球' : '退出后将无法查看/操作该星球的内容，是否确认退出该星球'"
+      content="退出后将无法查看/操作该星球的内容，是否确认退出该星球"
       negative-text="取消"
       positive-text="确认退出"
       @negative-click="isDelete = false"

app/pages/gold-detail/index.vue

@@ -140,9 +140,6 @@ onMounted(() => {
               <div class="w-[200px]">
                 消费金币值
               </div>
-              <div class="w-[200px]">
-                金币余额
-              </div>
             </div>
             <n-infinite-scroll
               style="height: calc(100vh - 300px);"
@@ -151,7 +148,7 @@ onMounted(() => {
             >
               <div v-for="item in walletRecordList" :key="item" class="mc-table flex w-full">
                 <div class="w-[250px]">
-                  {{ item.createTime }}
+                  {{ item.consumeDate }}
                 </div>
                 <div class="w-[250px]">
                   {{ item.productName }}
@@ -159,11 +156,8 @@ onMounted(() => {
                 <div class="flex-1">
                   -
                 </div>
-                <div class="w-[200px]" :class="{ 'text-[#FFD700]': item.amount > 0 }">
-                  {{ item.amount > 0 ? `+${item.amount}` : item.amount }}
-                </div>
                 <div class="w-[200px]">
-                  {{ item.wallet }}
+                  {{ item.amount }}
                 </div>
               </div>
             </n-infinite-scroll>

app/pages/my-planet/index.vue

@@ -133,7 +133,7 @@ function handleCreateSuccess() {
             </div>
           </div>
         </div>
-        <div class="grid grid-cols-3 gap-2">
+        <div v-else-if="dataList.length > 0" class="grid grid-cols-3 gap-2">
           <div v-if="communityTag === 'myCreate'" class="bg-black rounded-lg flex flex-col justify-center items-center p-4 hover:shadow-[0_4px_14px_0_rgba(0,0,0,0.1)] transition-all duration-300 cursor-pointer" @click="showCreateModal">
             <div class="text-white text-xl">
               魔创星球
@@ -145,11 +145,9 @@ function handleCreateSuccess() {
               创建星球
             </div>
           </div>
-          <template v-if="dataList.length > 0">
+          <PlanetItem v-for="(item, index) in dataList" :key="index" :item="item" :type="communityTag" @refresh="refresh" />
-            <PlanetItem v-for="(item, index) in dataList" :key="index" :item="item" :type="communityTag" @refresh="refresh" />
-          </template>
         </div>
-        <div v-if="dataList.length === 0 && listFinish && communityTag === 'myJoin'" class="flex flex-col items-center justify-center py-12">
+        <div v-if="dataList.length === 0 && listFinish" class="flex flex-col items-center justify-center py-12">
           <div class="w-48 h-48 mb-4 flex items-center justify-center">
             <div class="relative">
               <div class="w-32 h-32 rounded-full border-4 border-gray-200" />

app/pages/planet-detail/index.vue

@@ -6,6 +6,7 @@ import { NConfigProvider, NImage, NMessageProvider } from 'naive-ui'
 import { onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
 
+const message = useMessage()
 definePageMeta({
   layout: 'planet',
 })
@@ -28,13 +29,11 @@ const typeList = ref([
     value: 999,
   },
 ])
-
 const showPublishModal = ref(false)
 
 const publishListParams = ref({
   communityId: route.query.communityId,
   tenantId: route.query.tenantId,
-  publishId: route.query.id,
   type: null,
   pageNum: 1,
   pageSize: 10,
@@ -46,67 +45,28 @@ const questionParams = ref({
   pageNum: 1,
   pageSize: 10,
 })
-// const questionList = ref([])
+const questionList = ref([])
 const isShow = ref('publish')
 async function handleTypeChange(type: number | null) {
   publishListParams.value.type = type
   questionParams.value.pageNum = 1
   if (type === 999) { // 问答
     isShow.value = 'question'
-    // try {
+    try {
-    //   const res = await request.post('/question/list', questionParams.value)
+      const res = await request.post('/question/list', questionParams.value)
-    //   if (res.code === 200) {
+      if (res.code === 200) {
-    //     questionList.value = res.rows
+        questionList.value = res.rows
-    //   }
+      }
-    // }
+    }
-    // catch (error) {
+    catch (error) {
-    //   console.error(error)
+      console.error(error)
-    // }
+    }
   }
   else {
     publishListParams.value.pageNum = 1
     isShow.value = 'publish'
   }
 }
-const PublishComponentKey = ref(0)
-function closePublishModal() {
-  showPublishModal.value = false
-  nextTick(() => {
-    PublishComponentKey.value++
-  })
-}
-
-onMounted(() => {
-  const state = history.state
-  if (state && state.communityId && state.tenantId) {
-    publishListParams.value = {
-      communityId: state.communityId,
-      tenantId: state.tenantId,
-      publishId: state.id,
-      type: null,
-      pageNum: 1,
-      pageSize: 10,
-    }
-
-    questionParams.value = {
-      communityId: state.communityId,
-      tenantId: state.tenantId,
-      pageNum: 1,
-      pageSize: 10,
-    }
-  }
-  else {
-    // 如果没有 state，回退到 URL 参数
-    publishListParams.value = {
-      communityId: route.query.communityId as string,
-      tenantId: route.query.tenantId as string,
-      publishId: route.query.id as string,
-      type: null,
-      pageNum: 1,
-      pageSize: 10,
-    }
-  }
-})
 </script>
 
 <template>
@@ -154,7 +114,6 @@ onMounted(() => {
         <NConfigProvider>
           <NMessageProvider>
             <PlanetComment
-              :key="PublishComponentKey"
               :publish-list-params="publishListParams"
             />
           </NMessageProvider>
@@ -164,7 +123,6 @@ onMounted(() => {
         <NConfigProvider>
           <NMessageProvider>
             <PlanetQuestionComment
-              :key="PublishComponentKey"
               :publish-list-params="questionParams"
             />
           </NMessageProvider>
@@ -172,7 +130,7 @@ onMounted(() => {
       </div>
     </div>
     <div class="w-[300px]">
-      <PlanetBaseInfo v-if="publishListParams.communityId && publishListParams.tenantId" :community-id="publishListParams.communityId" :tenant-id="publishListParams.tenantId" />
+      <PlanetBaseInfo :community-id="route.query.communityId" :tenant-id="route.query.tenantId" />
     </div>
     <n-modal
       v-model:show="showPublishModal"
@@ -182,10 +140,9 @@ onMounted(() => {
       class="rounded-lg"
     >
       <PublishContent
-        v-if="publishListParams.communityId && publishListParams.tenantId"
+        :community-id="route.query.communityId"
-        :community-id="publishListParams.communityId"
+        :tenant-id="route.query.tenantId"
-        :tenant-id="publishListParams.tenantId"
+        @success="showPublishModal = false"
-        @success="closePublishModal"
       />
     </n-modal>
   </div>

app/pages/planetMember/index.vue

@@ -210,9 +210,9 @@ function copyToClipboard(text: string) {
   <div class="min-h-screen bg-[#F7F8FA] px-10 py-6 flex gap-4">
     <div class="bg-white rounded-lg flex-1">
       <div class="flex justify-between items-center m-3 text-sm">
-        <!-- <div class="bg-[#328afe] text-white px-3 py-1 rounded-sm cursor-pointer">
+        <div class="bg-[#328afe] text-white px-3 py-1 rounded-sm cursor-pointer">
           分享星球
-        </div> -->
+        </div>
         <div class="relative flex items-center w-[300px]">
           <input
             v-model="params.searchContent"

app/pages/public-planet-detail/index.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import planetBg from '@/assets/img/planetBg.png'
-import { X } from 'lucide-vue-next'
 import { NConfigProvider, NImage, NMessageProvider } from 'naive-ui'
 import { onMounted, ref, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
@@ -15,7 +14,6 @@ const params = ref({
   tenantId: '',
   userId: '',
 })
-// const goldPaymentRef = ref(null)
 
 onMounted(() => {
   const state = history.state
@@ -86,37 +84,8 @@ async function getAttention() {
     console.log(err)
   }
 }
-// const isShowGoldPayment = ref(false)
-const paymentModal = ref(false)
 
-// 确认充值弹框
-const showConfirmModal = ref(false)
-function onPositiveClick() {
-  showConfirmModal.value = false
-  paymentModal.value = true
-  getQrCode()
-}
-function onNegativeClick() {
-  showConfirmModal.value = false
-}
-
-const formRef = ref(null)
-const paymentParams = ref({
-  amount: 10,
-  type: 'wallet',
-})
-const amount = ref(10)
-
-const qrUrl = ref('')
-
-// 初始化获取支付二维码
-const paymentStatus = ref(1)
-const isJoinModal = ref(false)
 async function handleJoin() {
-  isJoinModal.value = true
-}
-
-async function onPositiveJoinClick() {
   try {
     const data = {
       communityId: params.value.communityId,
@@ -124,90 +93,16 @@ async function onPositiveJoinClick() {
     }
     const res = await request.post(`/community/join`, data)
     if (res.code === 200) {
-      isJoinModal.value = false
       message.success('加入成功')
       setTimeout(() => {
         router.push(`/planet-detail?communityId=${params.value.communityId}&tenantId=${params.value.tenantId}`)
       }, 1000)
     }
   }
-  catch (err: any) {
-    if (err.code === 12202 && err.msg === '钱包余额不足，请充值') {
-      showConfirmModal.value = true
-    }
-  }
-}
-
-function onNegativeJoinClick() {
-  isJoinModal.value = false
-}
-
-function closePayment() {
-  paymentModal.value = false
-}
-let pollingTimer: ReturnType<typeof setInterval> | undefined
-
-async function getQrCode() {
-  try {
-    paymentParams.value.amount = amount.value
-    const res = await request.post(`/ali/pay/doPay`, paymentParams.value)
-    if (res.code === 200) {
-      paymentStatus.value = 1
-      qrUrl.value = res.data.url
-      pollingTimer && clearTimeout(pollingTimer)
-      pollingTimer = setInterval(async () => {
-        try {
-          const res2 = await request.get(`/order/queryTradeStatus?outTradeNo=${res.data.orderNo}`)
-          if (res2.data === 2) { // 1代支付 2支付成功 4超时
-            paymentStatus.value = 2
-            clearTimeout(pollingTimer)
-            paymentModal.value = false
-            message.success('支付成功!')
-          }
-          else if (res2.data === 4) {
-            paymentStatus.value = 4
-            clearTimeout(pollingTimer)
-          }
-        }
-        catch (err) {
-          console.log('object', err)
-        }
-      }, 2000)
-    }
-  }
   catch (err) {
     console.log(err)
   }
 }
-// 支付成功后刷新会员信息
-// function paymentSuccess() {
-//   // getIsMember();
-//   if (import.meta.client) {
-//     window.location.reload()
-//   }
-// }
-
-// function closeGoldPayment() {
-//   isShowGoldPayment.value = false
-//   if (goldPaymentRef.value) {
-//     goldPaymentRef.value.isVisible = false
-//   }
-// }
-
-// // 是否是会员
-// const isMember = ref(false)
-// async function getIsMember() {
-//   try {
-//     const res = await request.get('/member/isMember')
-//     if (res.code === 200) {
-//       isMember.value = res.data
-//     }
-//   }
-//   catch (err) {
-//     console.log(err)
-//   }
-// }
-// getIsMember()
 // 获取关注
 // async function getAttention() {
 //   try {
@@ -264,7 +159,7 @@ async function getQrCode() {
 
                 <div class="flex justify-between p-2 rounded bg-white  items-center">
                   <div class="flex items-center gap-2 text-[#fc4141]">
-                    <span class="font-bold text-[28px]">{{ communityDetail.price ? communityDetail.price : '免费' }}</span>  <span v-if="communityDetail.price" class="text-[16px]">金币</span>
+                    <span class="font-bold text-[28px]">{{ communityDetail.price ? communityDetail.price : '免费' }}</span>  <span v-if="communityDetail.price" class="text-[16px]">积分</span>
                   </div>
                   <div
                     class="text-white text-[14px] flex items-center justify-center cursor-pointer w-[128px] h-[40px] bg-[linear-gradient(207deg,#3BEDFF_0%,#328AFE_100%)] rounded-lg"
@@ -282,7 +177,7 @@ async function getQrCode() {
             </div>
             <div class="flex gap-4 bg-[#F9FBFF] rounded-lg p-2">
               <div class="w-[80px] h-[80px] rounded">
-                <img class="rounded-full w-full h-full object-cover" :src="userInfo.avatar" alt="星球概况">
+                <img class="rounded-full" :src="userInfo.avatar" alt="星球概况">
               </div>
               <div class="flex flex-col justify-between py-2">
                 <div class="flex gap-4">
@@ -316,113 +211,5 @@ async function getQrCode() {
         </div>
       </div>
     </div>
-    <!-- <NConfigProvider>
-      <NMessageProvider>
-        <GoldPayment
-          v-if="isShowGoldPayment"
-          ref="goldPaymentRef"
-          :is-member="isMember"
-          @payment-success="paymentSuccess"
-          @close-payment="closeGoldPayment"
-        />
-      </NMessageProvider>
-    </NConfigProvider> -->
-    <n-modal
-      v-model:show="showConfirmModal"
-      :mask-closable="false"
-      preset="dialog"
-      title="确认"
-      content="余额不足，是否确认充值？"
-      positive-text="确认"
-      negative-text="算了"
-      @positive-click="onPositiveClick"
-      @negative-click="onNegativeClick"
-    />
-
-    <n-modal
-      v-model:show="paymentModal"
-      :preset="null"
-      :mask-closable="false"
-      transform-origin="center"
-      class="custom-modal"
-    >
-      <div class="bg-white rounded-xl w-200 p-4">
-        <X class="absolute top-1 right-1 cursor-pointer" @click="closePayment" />
-        <div class="mb-4 mt-6 flex">
-          <n-form
-            ref="formRef"
-            :label-width="80"
-            :model="paymentParams"
-            size="large"
-            label-placement="left"
-            style="width: 240px"
-          >
-            <n-form-item label="输入金币" path="modelProduct.modelName">
-              <n-input v-model:value="amount" type="number" placeholder="输入积分" />
-            </n-form-item>
-          </n-form>
-          <n-button type="primary" class="mt-1 ml-2" @click="getQrCode">
-            确定
-          </n-button>
-        </div>
-        <div class="flex justify-center items-center my-4">
-          <div class="w-30 h-30 flex justify-center items-center relative">
-            <n-qr-code :value="qrUrl" :size="90" style="padding: 0;" />
-            <div v-if="paymentStatus === 4" class="absolute top-0 left-0 w-full h-full flex cursor-pointer flex-col justify-center items-center bg-opacity-50 bg-black text-white" @click="getQrCode">
-              请点击刷新<RotateCcw />
-            </div>
-          </div>
-          <div class="flex justify-center ml-2 flex-col pb-[14px]">
-            <div class="flex items-baseline">
-              <div class="text-[#222] font-medium mr-1">
-                支付
-              </div>
-              <div class="text-[#814600] mr-1">
-                <span class="text-[16px] mr-1">¥</span>
-                <span class="text-[40px]">{{ paymentParams.amount }}</span>
-              </div>
-            </div>
-            <div class="flex items-center mb-1">
-              <img src="@/assets/img/alipay.png" class="mr-1"> 请扫码完成支付
-            </div>
-            <div class="text-[12px]">
-              <span class="text-[#999]">
-                开通即代表同意
-              </span>
-              <span class="text-[#814600]">
-                《魔创未来会员协议》
-              </span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </n-modal>
-    <!-- 是否加入弹框 -->
-    <n-modal
-      v-model:show="isJoinModal"
-      :mask-closable="false"
-      preset="dialog"
-      title="确认"
-      content="是否确认加入星球？"
-      positive-text="确认"
-      negative-text="算了"
-      @positive-click="onPositiveJoinClick"
-      @negative-click="onNegativeJoinClick"
-    />
   </div>
 </template>
-
-<style lang="scss" scoped>
-.member-item {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 16.66%;
-  height: 40px;
-  border: 1px solid #f0f0f0;
-  font-size: 12px;
-  font-weight: 400;
-  margin-right: -1px;
-  margin-bottom: -1px;
-}
-</style>

nuxt.config.ts

@@ -58,10 +58,9 @@ export default defineNuxtConfig({
   },
 
   build: {
-
     transpile: import.meta.env.NODE_ENV === 'production'
       ? ['naive-ui', 'vueuc', '@css-render/vue3-ssr', '@juggle/resize-observer']
-      : ['@juggle/resize-observer', 'naive-ui', 'vueuc'],
+      : ['@juggle/resize-observer'],
   },
 
   routeRules: {