requested changes made in TopicHome.vue

zimui/src/components/TopicHome.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import TopicSection from '../components/TopicSection.vue'
 import TopicCard from '../components/TopicCard.vue'
-import { onMounted, ref, watch, computed } from 'vue'
+import { onMounted, ref, watch } from 'vue'
 import Topic from '@/types/Topic'
 import { useMainStore } from '../stores/main'
 import TopicSectionType from '@/types/TopicSection'
@@ -22,8 +22,6 @@ const topic = ref<Topic>()
 const dataLoaded = ref(false)
 const $loading = useLoading()
 
-const errMessage = computed(() => main.errorMessage)
-
 
 /** Retrieve topic data */
 const fetchData = async function () {
@@ -93,12 +91,10 @@ const goToPreviousPage = () => {
 </script>
 
 <template>
-<div>
-    <div v-if="errMessage" class="error-message" >
-      Error: {{ errMessage }}
+    <div v-if="main.errorMessage" class="error-message" >
+      Error: {{ main.errorMessage }}
     </div>
-  <div v-else>
-  <div v-if="topic" class="content">
+  <div v-else-if="topic" class="content">
     <nav
       class="navbar navbar px-0 channel-navbar navbar-light fixed-top navbar-expand shadow"
     >
@@ -215,8 +211,6 @@ const goToPreviousPage = () => {
       </div>
     </div>
   </div>
-  </div>
-</div>
 </template>
 
 <style scoped>