add version compatible implementation

src/components/PaginationBar.vue

@@ -37,7 +37,7 @@ function gotoPage(pageNum: number) {
 
 </script>
 <template>
-    <div class="my-5">
+    <div class="my-5 text-center">
         <div v-if="total && limit" class="btn-group">
             <button v-for="{ page, color } in pages" :key="page"
                 class="btn bg-gray-100 text-gray-500 hover:text-white border-none dark:bg-gray-800 dark:text-white" :class="{

src/components/ProposalListItem.vue

@@ -62,6 +62,7 @@ const proposalInfo = ref();
                 {{ item?.content?.title }}
               </RouterLink>
               <div
+                v-if="item.content"
                 class="bg-[#f6f2ff] text-[#9c6cff] dark:bg-gray-600 dark:text-gray-300 inline-block rounded-full px-2 py-[1px] text-xs mb-1"
               >
                 {{ showType(item.content['@type']) }}
@@ -157,6 +158,7 @@ const proposalInfo = ref();
         <div class="grid grid-cols-4 mt-2 mb-2">
           <div class="col-span-2">
             <div
+              v-if="item.content"
               class="bg-[#f6f2ff] text-[#9c6cff] dark:bg-gray-600 dark:text-gray-300 inline-block rounded-full px-2 py-[1px] text-xs mb-1"
             >
               {{ showType(item.content['@type']) }}