create article ids in locale

Author: flashdesignory

resources/newssite/news-nuxt/composables/provide-locale.js

@@ -2,6 +2,8 @@ import { provide } from "vue";
 import { useHead } from "#imports";
 import { dataSource } from "../data";
 
+import { v4 as uuidv4 } from "uuid";
+
 const RTL_LOCALES = ["ar", "he", "fa", "ps", "ur"];
 const DEFAULT_LANG = "en";
 const DEFAULT_DIR = "ltr";
@@ -16,10 +18,41 @@ export function provideLocale() {
         htmlAttrs: { dir, lang },
     });
 
+    const { content } = dataSource[lang];
+
+    // Generate unique IDs for all articles, and their content items where appropriate.
+    const contentWithIds = Object.create(null);
+    Object.keys(content).forEach((key) => {
+        const { sections } = content[key];
+
+        const currentSections = sections.map((section) => {
+            const currentSection = { ...section };
+            currentSection.articles = section.articles.map((article) => {
+                const currentArticle = { ...article };
+                currentArticle.id = uuidv4();
+                if (Array.isArray(article.content)) {
+                    currentArticle.content = article.content.map((item) => {
+                        const currentItem = { ...item };
+                        currentItem.id = uuidv4();
+                        return currentItem;
+                    });
+                }
+                return currentArticle;
+            });
+            return currentSection;
+        });
+
+        contentWithIds[key] = {
+            ...content[key],
+            sections: currentSections,
+        };
+    });
+
     const value = {
         lang,
         dir,
         ...dataSource[lang],
+        content: contentWithIds,
     };
 
     provide("data", value);