added template for v-for

2025-12-10 04:09:29 +02:00 · 2024-02-04 01:01:59 +03:00
parent 749549c46d
commit e9200927b9
3 changed files with 150 additions and 151 deletions
--- a/luckydiamond/src/mocks/DevelopersOptions.js
+++ b/luckydiamond/src/mocks/DevelopersOptions.js
@@ -1,105 +1,83 @@
 export default [
-     {
-        Rafael1209: {
-            username: "Rafael1209",
-            userRole: "Бэкендер",
-            background: "#636363",
-            technologyText: ["ASP,.NET,MongoDB", "Designer"],
-            technologyIcons: {
-                csharp: "@/assets/icons-developcard/csharp-logo.png",
-                figma: "@/assets/icons-developcard/figma.png"
-            },
-            socialIcons: {
-                telegram: "@/assets/icons-developcard/telegram.png",
-                discord: "@/assets/icons-developcard/discord.png",
-                github: "@/assets/icons-developcard/github.png"
-            }
+    {
+        id: 1,
+        username: "Rafael1209",
+        userRole: "Бэкендер",
+        background: "#636363",
+        technologyText: ["ASP,.NET,MongoDB", "Designer"],
+        technologyIcons: ["csharp-logo", "figma"],
+        socialIcons: ["telegram", "discord", "github"],
+    },
+    {
+        id: 2,
+        username: "Hepatir",
+        userRole: "Бэкендер",
+        background: "#413C3B",
+        technologyText: ["ASP,.NET,MongoDB", "SQL"],
+        technologyIcons: ["csharp-logo", "sql-logo"],
+        socialIcons: ["telegram", "discord", "github"],
+    },
+    {
+        id: 3,
+        username: "Ckutls_",
+        userRole: "Фронтэндер",
+        background: "#B88484",
+        technologyText: ["html 5, css", "JavaScript", "Vue 3"],
+        technologyIcons: ["html", "js", "vue"],
+        socialIcons: ["telegram", "discord", "github"],
+    },
+    {
+        id: 4,
+        username: "FUpir",
+        userRole: "Дизайнер",
+        background: "#C58E74",
+        technologyText: ["Designer"],
+        technologyIcons: ["figma"],
+        socialIcons: ["telegram", "discord"],
+    },
+    {
+        id: 5,
+        username: "megatntmega",
+        userRole: "Дизайнер",
+        background: "#393A3A",
+        technologyText: ["Designer"],
+        technologyIcons: {
+            figma: "@/assets/icons-developcard/figma.png"
        },
-        Hepatir:{
-            username: "Hepatir",
-            userRole: "Бэкендер",
-            background: "#413C3B",
-            technologyText: ["ASP,.NET,MongoDB", "SQL"],
-            technologyIcons: {
-                csharp: "@/assets/icons-developcard/csharp-logo.png",
-                sql: "@/assets/icons-developcard/sql-logo.png"
-            },
-            socialIcons: {
-                telegram: "@/assets/icons-developcard/telegram.png",
-                discord: "@/assets/icons-developcard/discord.png",
-                github: "@/assets/icons-developcard/github.png",
-            }
-        },
-        Ckutls_: {
-            username: "Ckutls_",
-            userRole: "Фронтэндер",
-            background: "#B88484",
-            technologyText: ["html 5, css", "JavaScript", "Vue 3"],
-            technologyIcons: {
-                html: "@/assets/icons-developcard/html.png",
-                js: "@/assets/icons-developcard/js.png",
-                vue: "@/assets/icons-developcard/vue.png"
-            },
-            socialIcons: {
-                telegram: "@/assets/icons-developcard/telegram.png",
-                discord: "@/assets/icons-developcard/discord.png",
-                github: "@/assets/icons-developcard/github.png",
-            }
-        },
-        FUpir: {
-            username: "FUpir",
-            userRole: "Дизайнер",
-            background: "#C58E74",
-            technologyText: ["Designer"],
-            technologyIcons: {
-                figma: "@/assets/icons-developcard/figma.png"
-            },
-            socialIcons: {
-                telegram: "@/assets/icons-developcard/telegram.png",
-                discord: "@/assets/icons-developcard/discord.png"
-            }
-        },
-        megatntmega: {
-            username: "megatntmega",
-            userRole: "Дизайнер",
-            background: "#393A3A",
-            technologyText: ["Designer"],
-            technologyIcons: {
-                figma: "@/assets/icons-developcard/figma.png"
-            },
-            socialIcons: {
-                telegram: "@/assets/icons-developcard/telegram.png",
-                discord: "@/assets/icons-developcard/discord.png"
-            }
-        },
-        busha888: {
-            username: "busha888",
-            userRole: "Фронтэндер",
-            background: "#742271",
-            technologyText: ["html 5, css"],
-            technologyIcons: {
-                html: "@/assets/icons-developcard/html.png"
-            },
-            socialIcons: {
-                odniclasniki: "@/assets/icons-developcard/odniclasniki.png",
-                telegram: "@/assets/icons-developcard/telegram.png",
-                like: "@/assets/icons-developcard/like.png",
-                github: "@/assets/icons-developcard/github.png",
-            }
-        },
-        CLARFFY: {
-            username: "CLARFFY",
-            userRole: "Дизайнер",
-            background: "#E2B374",
-            technologyText: ["Designer"],
-            technologyIcons: {
-                figma: "@/assets/icons-developcard/figma.png"
-            },
-            socialIcons: {
-                telegram: "@/assets/icons-developcard/telegram.png",
-                discord: "@/assets/icons-developcard/discord.png"
-            }
+        socialIcons: {
+            telegram: "@/assets/icons-developcard/telegram.png",
+            discord: "@/assets/icons-developcard/discord.png"
        }
-   }
+    },
+    {
+        id: 6,
+        username: "busha888",
+        userRole: "Фронтэндер",
+        background: "#742271",
+        technologyText: ["html 5, css"],
+        technologyIcons: {
+            html: "@/assets/icons-developcard/html.png"
+        },
+        socialIcons: {
+            odniclasniki: "@/assets/icons-developcard/odniclasniki.png",
+            telegram: "@/assets/icons-developcard/telegram.png",
+            like: "@/assets/icons-developcard/like.png",
+            github: "@/assets/icons-developcard/github.png",
+        }
+    },
+    {
+        id: 7,
+        username: "CLARFFY",
+        userRole: "Дизайнер",
+        background: "#E2B374",
+        technologyText: ["Designer"],
+        technologyIcons: {
+            figma: "@/assets/icons-developcard/figma.png"
+        },
+        socialIcons: {
+            telegram: "@/assets/icons-developcard/telegram.png",
+            discord: "@/assets/icons-developcard/discord.png"
+        }
+    }
 ]