fix: footer and renderComponent option import

Signed-off-by: Amitkanswal <[email protected]>

Author: Amitkanswal

src/components/FooterContent.vue

@@ -61,8 +61,12 @@ export default defineComponent({
       data: {},
     };
   },
-  created() {
-    this.getData().catch((err) => console.error(err));
+  async created() {
+    try {
+      await this.getData();
+    } catch (error) {
+      console.error(error);
+    }
   },
   methods: {
     async getData() {
@@ -85,9 +89,13 @@ export default defineComponent({
     },
   },
   mounted() {
-    onEntryChange(() => {
+    onEntryChange(async () => {
       if (process.env.VUE_APP_CONTENTSTACK_LIVE_PREVIEW === 'true') {
-        this.getData().catch((err) => console.error(err));
+        try {
+          await this.getData();
+        } catch (error) {
+          console.error(error);
+        }
       }
     });
   },

src/components/RenderComponents.vue

@@ -74,7 +74,7 @@ interface Locale {
 
 import { defineComponent, PropType } from 'vue';
 import HeroBanner from '../components/HeroBanner.vue';
-import BlogBanner from "..//components/BlogBanner.vue";
+import BlogBanner from "../components/BlogBanner.vue";
 import SectionComponent from '../components/SectionContent.vue';
 import SectionWithCards from '../components/SectionWithCards.vue';
 import AboutSectionBucket from '../components/AboutSectionBucket.vue';