[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"contentNavigation":3,"newsletter-stats":4,"$fQa3xUpnRDPNiFFu2QS4K-DAjYmsapeR9fNhPNBdpkOc":-1,"topic-composition-api":6,"articles-feed-\u002Ftopics\u002Fcomposition-api-1-composition-api-":11,"home-tags":114},[],{"confirmedCount":5},405,{"articleCount":7,"color":8,"id":9,"name":10,"slug":10},4,"#10b981","019d6bd8-ca21-71c5-a236-37d94fe57d24","composition-api",{"items":12,"page":112,"pageSize":113,"totalCount":7},[13,44,73,95],{"content":14,"createdAt":15,"id":16,"image":17,"isAffiliate":18,"isPublished":19,"publishedAt":20,"slug":21,"sourceId":22,"sourceName":23,"sourceType":24,"summary":25,"title":26,"updatedAt":27,"url":28,"urlHash":29,"tags":30},"As Vue applications grow, keeping the codebase clean becomes increasingly challenging. At first, everyone follows the same conventions. But over time, you start noticing things like: inconsistent component structure multiple ways of solving the same problem different Composition API patterns imports scattered everywhere code that's difficult to review and maintain This is where ESLint becomes much more than a tool for formatting—it becomes a way to enforce your project's architecture and design patterns. In this article, we'll explore: Why ESLint is more than a linter How it helps maintain a consistent architecture Useful Vue-specific rules Examples of enforcing project-wide patterns Best practices for scaling Vue applications Let's dive in. 🤔 ESLint Is More Than a Code Formatter Many developers think ESLint is only used to catch things like; unused variables, missing semicolons, incorrect formatting. While that's true, ESLint can do much more. With the right configuration, it can enforce: coding conventions project architecture Vue best practices Composition API patterns import organization component structure Instead of relying on code reviews to catch inconsistencies, ESLint prevents them before the code is even merged. 🟢 What Problem Does It Solve? Imagine a team of five developers. One component looks like this: <script setup> ... <\u002Fscript> <template> ... <\u002Ftemplate> <style> ... <\u002Fstyle> Another one: <template> ... <\u002Ftemplate> <script setup> ... <\u002Fscript> Someone uses: watch() Someone else always prefers: watchEffect() Some developers use relative imports: ..\u002F..\u002F..\u002Fcomponents\u002FButton.vue Others use aliases: ~\u002Fcomponents\u002FButton.vue None of these are necessarily wrong... but together they create inconsistency across the project. ESLint helps eliminate these differences by enforcing one agreed-upon way of writing code. 🟢 Enforcing Vue Block Order One of the simplest examples is keeping Vue Single File Components organized. Using the vue\u002Fblock-order rule, you can define the exact order of blocks. Example: <template> ... <\u002Ftemplate> <script setup lang=\"ts\"> ... <\u002Fscript> <style scoped> ... <\u002Fstyle> 🟢 Enforcing Composition API Patterns One of the biggest advantages of ESLint is enforcing how developers use Vue APIs. For example, you might decide that your project should always use: <script setup> Composition API defineProps defineEmits And avoid Options API or inconsistent component definitions. This ensures new components follow the same architecture from day one. 🟢 Restricting Specific APIs Sometimes you want to discourage certain patterns altogether. For example, you may decide: ❌ Avoid watch() unless absolutely necessary. Prefer: computed() or watchEffect() ESLint can restrict the use of specific APIs and encourage better alternatives. This keeps reactive logic predictable and easier to maintain. 🟢 Enforcing Import Conventions Large Vue projects often suffer from inconsistent imports. Example: import Button from '..\u002F..\u002F..\u002Fcomponents\u002FButton.vue' vs. import Button from '~\u002Fcomponents\u002FButton.vue' ESLint can enforce: path aliases import ordering grouped imports no duplicate imports The result is cleaner and more consistent code. 🟢 Preventing Architectural Violations ESLint can also help enforce architectural boundaries. For example: Components shouldn't access API clients directly. Feature modules shouldn't import from other features. UI components shouldn't depend on business logic. Using rules such as no-restricted-imports, you can prevent these patterns entirely. Example: 'no-restricted-imports': [ 'error', { patterns: [ '@\u002Fapi\u002F*' ] } ] Now components can't accidentally bypass your intended architecture. 🟢 Creating Custom Rules for Your Team One of ESLint's greatest strengths is extensibility. Beyond built-in rules, you can create custom rules—or use plugins—to enforce project-specific conventions. For example: composables must start with use stores must live in a dedicated folder feature modules cannot import each other utility functions must remain pure internal design system components must be used instead of native HTML elements As your project grows, these automated checks become far more reliable than relying solely on code reviews. 🟢 Why This Matters in Large Vue Applications Small projects can survive without strict rules. Large projects usually can't. Consistency helps: onboard new developers faster simplify code reviews reduce technical debt prevent architectural drift improve long-term maintainability Instead of debating coding style in every pull request ESLint enforces it automatically. 🧪 Best Practices Treat ESLint as an architecture tool—not just a linter Enable Vue-specific rules from eslint-plugin-vue Agree on project conventions early Enforce Composition API patterns consistently Use no-restricted-imports to protect architectural boundaries Automate linting in CI\u002FCD pipelines Keep rules practical—avoid overcomplicating your configuration 📖 Learn more If you would like to learn more about Vue, Nuxt, JavaScript or other useful technologies, checkout VueSchool by clicking this link or by clicking the image below: It covers most important concepts while building modern Vue or Nuxt applications that can help you in your daily work or side projects 😉 🧪 Advance skills A certification boosts your skills, builds credibility, and opens doors to new opportunities. Whether you're advancing your career or switching paths, it's a smart step toward success. Check out Certificates.dev by clicking this link or by clicking the image below: Invest in yourself—get certified in Vue.js, JavaScript, Nuxt, Angular, React, and more! ✅ Summary ESLint is much more than a tool for catching syntax errors or enforcing formatting. As Vue applications grow, consistency becomes just as important as functionality. By using ESLint to enforce architectural decisions, you ensure that every new piece of code follows the same standards—making your project easier to understand, review, and maintain for years to come. Take care! And happy coding as always 🖥️","2026-07-06T12:00:09.479Z","019f374c-d2f0-769a-8a4f-180c7f565bd4","https:\u002F\u002Fmedia2.dev.to\u002Fdynamic\u002Fimage\u002Fwidth=1200,height=627,fit=cover,gravity=auto,format=auto\u002Fhttps%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Farticles%2Fevhhwr5be00v4h9dmmxi.png",false,true,"2026-07-06T08:38:53.000Z","enforce-better-vue-architecture-with-eslint","019d6bd6-7fe0-7244-80dc-9a4e8751886a","Jakub Andrzejewski","rss","This article discusses how ESLint can be leveraged to enforce a consistent architecture and coding standards in Vue applications. It highlights the importance of using ESLint beyond formatting, showcasing its ability to maintain project-wide patterns, improve code review processes, and ensure best practices in Vue development, particularly with the Composition API.","Enforce Better Vue Architecture with ESLint","2026-07-06T12:00:24.181Z","https:\u002F\u002Fdev.to\u002Fjacobandrewsky\u002Fenforce-better-vue-architecture-with-eslint-3fb0","5987f1e0425bcd09cd7e156b69730144717e56a57baa8243a9f5f2c7670170ef",[31,34,37,38,41],{"color":8,"id":32,"name":33,"slug":33},"019d6bd8-c9a8-7783-bd22-03145b355427","vue",{"color":8,"id":35,"name":36,"slug":36},"019f374d-0cc4-71ff-b906-ebaec8b0c343","eslint",{"color":8,"id":9,"name":10,"slug":10},{"color":8,"id":39,"name":40,"slug":40},"019d9cf0-ca04-75bb-ad86-ce8da1c0be23","architecture",{"color":8,"id":42,"name":43,"slug":43},"019d6bd9-010e-772d-b2f0-9378a042a676","best-practices",{"content":45,"createdAt":46,"id":47,"image":48,"isAffiliate":19,"isPublished":19,"publishedAt":49,"slug":50,"sourceId":51,"sourceName":52,"sourceType":53,"summary":54,"title":55,"updatedAt":56,"url":57,"urlHash":58,"tags":59},"Learn how to use composables in Nuxt effectively, avoid common SSR and state pitfalls, and build production-ready patterns in this practical 15-minute guide.","2026-04-25T18:07:52.417Z","019dc5d3-9a44-72c8-8f6c-0262bb4041d2","https:\u002F\u002Fapi.certificates.dev\u002Fstorage\u002FfLgc0NdkTT9Vgq2AhUNulkZwaj6txgVnAAOsHKFu.png","2026-04-22T07:00:00.000Z","composable-best-practices-in-nuxt","019d9eed-d835-729a-a029-7e6320cb67ed","Certificates.dev","certificatesdev","This article provides a practical guide on using composables in Nuxt, highlighting best practices to avoid common pitfalls related to server-side rendering (SSR) and state management. It aims to help developers build production-ready patterns efficiently.","Composable Best Practices in Nuxt","2026-04-25T18:08:01.170Z","https:\u002F\u002Fcertificates.dev\u002Fblog\u002Fcomposable-best-practices-in-nuxt?friend=MOKKAPPS","b506b0480c7b2d23a037e48443ae0e8d769398478e0b1f5d56539112166fea86",[60,63,64,67,70],{"color":8,"id":61,"name":62,"slug":62},"019d6bd8-fad3-70a9-a74d-ab96e3a2f45d","nuxt",{"color":8,"id":9,"name":10,"slug":10},{"color":8,"id":65,"name":66,"slug":66},"019da076-78fb-706b-9a4c-cee0c989cfff","state-management",{"color":8,"id":68,"name":69,"slug":69},"019d6bd8-ca89-735e-a52a-ee53a80a77a9","ssr",{"color":8,"id":71,"name":72,"slug":72},"019d6bd8-fba5-743f-8f9f-4e23c0b31581","tutorial",{"content":74,"createdAt":75,"id":76,"image":77,"isAffiliate":19,"isPublished":19,"publishedAt":78,"slug":79,"sourceId":80,"sourceName":81,"sourceType":82,"summary":83,"title":84,"updatedAt":85,"url":86,"urlHash":87,"tags":88},"If you have ever wired up a <label for="…"> to an <input id="…">, duplicated a component twice, and suddenly had duplicate IDs in the document, you already know why “just pick an id string” does not scale. Vue 3.5 added useId(), a small Composition API helper that generates unique-per-application identifiers that stay consistent between server and client renders. Despite the casual phrase “random ids,” useId() is not a source of cryptographic randomness. It produces deterministic, stable strings that are unique within your Vue app instance. That distinction matters: you get uniqueness and SSR safety without Math.random() or global counters that fight hydration. Why useId() exists Manual patterns break down quickly: Hard-coded IDs collide when the same component is used more than once. Math.random() in setup gives different values on server and client, which can cause hydration mismatches in SSR apps. Hand-rolled incrementing counters are easy to get wrong across async boundaries or shared modules. useId() centralizes ID generation in the framework so labels, aria-* attributes, form controls, and more stay valid and predictable. Use Cases for useId() Common situations where you need a DOM-safe unique string (not cryptographic randomness): Creating unique DOM element IDs for anchor links Associating a label and input in a reusable form field component Anchoring headings for in-page navigation (table of contents) Assigning a unique id to custom tooltip or popover elements Distinguishing multiple error callouts or alerts in a single view Generating ids for ARIA attributes (aria-labelledby, aria-describedby, etc.) Marking tab panels and tab buttons with unique relationships Disambiguating ids in nested reusable components (e.g., accordions, tabs) Generating ids for form controls created at runtime (e.g., survey builders) Basic usage Import useId from vue and call it once per logical id you need in the component. Wire the returned string to id, for, or ARIA attributes as usual. <script setup lang="ts"> import { useId } from "vue"; const nameFieldId = useId(); <\u002Fscript> <template> <form> <label :for="nameFieldId">Name<\u002Flabel> <input :id="nameFieldId" type="text" name="name" autocomplete="name" \u002F> <\u002Fform> <\u002Ftemplate> Each call to useId() in the same component instance receives a different id. Each instance of the component receives ids distinct from other instances. That matches what you want for accessible, reusable field groups. Multiple ids in one component Need a pair for email and password? Call useId() separately for each control (or group). <script setup lang="ts"> import { useId } from "vue"; const emailId = useId(); const passwordId = useId(); <\u002Fscript> <template> <div> <label :for="emailId">Email<\u002Flabel> <input :id="emailId" type="email" autocomplete="email" \u002F> <\u002Fdiv> <div> <label :for="passwordId">Password<\u002Flabel> <input :id="passwordId" type="password" autocomplete="current-password" \u002F> <\u002Fdiv> <\u002Ftemplate> SSR and hydration According to the official API docs, ids from useId() are stable across server and client renders. You can use them in Nuxt, custom SSR setups, or any code path that renders on the server first without worrying that the client will “reroll” different strings during hydration. Multiple Vue apps on one page If more than one Vue application mounts on the same document, you can reduce the chance of clashes between apps by setting an id prefix on each app: import { createApp } from "vue"; import AdminRoot from ".\u002FAdminRoot.vue"; const app = createApp(AdminRoot); app.config.idPrefix = "admin"; app.mount("#admin-app"); Use a different prefix per app instance so generated ids remain unique in the combined DOM. Important: do not call useId() inside computed() You should avoid invoking useId() inside a computed() getter. As with other composables, calling it there can cause instance conflicts because id registration is tied to component setup order. Instead, create the id at the top level of <script setup> (or setup()) and close over it inside computeds or methods. <script setup lang="ts"> import { computed, useId } from "vue"; const fieldId = useId(); \u002F\u002F Good: fieldId is fixed for this instance; computed only derives display logic. const describedBy = computed(() => `${fieldId}-hint`); <\u002Fscript> When you might still use something else useId() is extremely useful on the frontend, but it is not the answer for every problem. Here are some cases where you might be tempted to reach for useId() but should not: Entity primary keys from your API—these should be generated by your database or API server Stable keys in v-for when list identity should follow data (prefer a real id from your database model) Correlation IDs for API requests—they should be unpredictable or traceable by policy; use crypto.randomUUID() or server-issued IDs instead of useId() Security-sensitive tokens—use proper random or server-issued secrets For everyday UI plumbing, though, useId() removes a whole class of duplicate-id and SSR bugs with almost no API surface. Summary To sum up, useId() is a powerful tool for generating unique ids for your application. It's a simple, composable API that helps you avoid duplicate-id and SSR bugs with almost no API surface. Uniqueness - Unique per Vue application; distinct for each component instance and on every call SSR - Produces the same id on server and client—safe for hydration Multiple apps - Use app.config.idPrefix to prevent cross-app id collisions when mounting multiple apps PitfallDo - do not call inside computed(); generate the id in setup scope","2026-04-08T06:47:33.045Z","019d6bd8-a30c-720e-b82e-94ac62042df7","https:\u002F\u002Fblog.vueschool.io\u002Fwp-content\u002Fuploads\u002F2026\u002F04\u002Ffeature-v2.jpg","2026-04-03T17:04:54.000Z","generating-random-ids-in-vuejs","019d6bd5-87de-77ef-ac92-98aa56cda920","VueSchool","vueschool","The article discusses the new useId() helper introduced in Vue 3.5, which generates unique identifiers for DOM elements, ensuring consistency between server and client renders. It highlights the importance of unique IDs for accessibility and SSR safety, providing examples of common use cases and basic implementation in Vue components.","Generating Random IDs in Vue.js","2026-04-08T06:47:42.447Z","https:\u002F\u002Fblog.vueschool.io\u002Fvuejs-tutorials\u002Fgenerating-random-ids-in-vue-js\u002F?friend=MOKKAPPS","9174ab0b7d5dd5024c261a80c2b1895cb25c822f78f6b49a83356425d22df98a",[89,90,91,92],{"color":8,"id":32,"name":33,"slug":33},{"color":8,"id":9,"name":10,"slug":10},{"color":8,"id":68,"name":69,"slug":69},{"color":8,"id":93,"name":94,"slug":94},"019d6bd8-caef-76b9-bacd-363e31e6d2a9","accessibility",{"content":96,"createdAt":97,"id":98,"image":99,"isAffiliate":18,"isPublished":19,"publishedAt":100,"slug":101,"sourceId":102,"sourceName":103,"sourceType":24,"summary":104,"title":105,"updatedAt":106,"url":107,"urlHash":108,"tags":109},"Use a typed entry helper to infer props from each component in a component map. This is useful when rendering dynamic blocks from CMS or configuration data.","2026-04-08T06:47:51.870Z","019d6bd8-ec9b-7135-8431-bebca829dd0b","https:\u002F\u002Fmokkapps.twic.pics\u002Fmokkapps.de\u002Fvue-tips\u002Finfer-props-from-component-map\u002Fog.png","2026-03-27T00:00:00.000Z","vue-tip-infer-props-from-components-in-a-component-map","019d6bd5-57e0-742c-8de2-c0a3a1f49b60","Michael Hoffmann","This article discusses how to use a typed entry helper in Vue to infer props from components within a component map. This technique is particularly beneficial for rendering dynamic content from CMS or configuration data.","Vue Tip: Infer Props From Components in a Component Map","2026-04-08T06:47:56.189Z","https:\u002F\u002Fmokkapps.de\u002Fvue-tips\u002Finfer-props-from-component-map","e925088a3bd9b558d6a4787610f1f38c12d1aff89a40454d33e4e0e11bb49f3b",[110,111],{"color":8,"id":32,"name":33,"slug":33},{"color":8,"id":9,"name":10,"slug":10},1,20,{"tags":115},[116,121,123,128,132,136,140,142,146,150,154,158,163,165,169,173,177,181,185,189,193,197,201,205,209,213,217,221,223,227,231,235,239,243,247,251,255,259,263,267,271,273,277,281,285,289,293,297,301,305,309,313,317,321,325,329,333,337,341,345,349,353,356,360,364,368,372,376,380,385,389,393,397,401,405,409,413,417,421,425,429,433,437,441,445,449,453,457,460,464,466,470,474,478,482,486,490,494,497,501,505,509,513,517,521,525,529,533,536,540,544,549],{"articleCount":117,"color":8,"createdAt":118,"id":119,"name":120,"slug":120,"updatedAt":118},0,"2026-04-30T04:19:02.605Z","019ddc9c-954c-7703-8288-76d562fec577","accelerator",{"articleCount":112,"color":8,"createdAt":122,"id":93,"name":94,"slug":94,"updatedAt":122},"2026-04-08T06:47:43.120Z",{"articleCount":124,"color":8,"createdAt":125,"id":126,"name":127,"slug":127,"updatedAt":125},8,"2026-04-17T20:27:50.780Z","019d9d20-e07b-7685-9ebb-fae0b963f243","ai",{"articleCount":117,"color":8,"createdAt":129,"id":130,"name":131,"slug":131,"updatedAt":129},"2026-05-05T00:00:19.031Z","019df56f-8257-752e-a918-cdbb07c32b86","ai-agents",{"articleCount":112,"color":8,"createdAt":133,"id":134,"name":135,"slug":135,"updatedAt":133},"2026-06-01T12:00:14.713Z","019e830e-5378-722b-929b-a57d67bcf605","animation",{"articleCount":7,"color":8,"createdAt":137,"id":138,"name":139,"slug":139,"updatedAt":137},"2026-04-08T06:47:55.499Z","019d6bd8-fb46-77ef-a3b6-bd2d30ab8919","api",{"articleCount":124,"color":8,"createdAt":141,"id":39,"name":40,"slug":40,"updatedAt":141},"2026-04-17T19:35:19.300Z",{"articleCount":117,"color":8,"createdAt":143,"id":144,"name":145,"slug":145,"updatedAt":143},"2026-04-23T12:00:11.615Z","019dba36-435e-765d-bfb2-c5be05362c27","astro",{"articleCount":117,"color":8,"createdAt":147,"id":148,"name":149,"slug":149,"updatedAt":147},"2026-06-01T20:00:15.958Z","019e84c5-cc55-7377-9e5d-77240ea8a880","authentication",{"articleCount":117,"color":8,"createdAt":151,"id":152,"name":153,"slug":153,"updatedAt":151},"2026-05-05T00:00:19.020Z","019df56f-824c-7031-9e34-2f47ad139eb6","automation",{"articleCount":117,"color":8,"createdAt":155,"id":156,"name":157,"slug":157,"updatedAt":155},"2026-06-11T16:00:12.019Z","019eb769-9af2-7471-b482-3f1a404f802e","azure",{"articleCount":159,"color":8,"createdAt":160,"id":161,"name":162,"slug":162,"updatedAt":160},2,"2026-04-17T20:27:50.776Z","019d9d20-e077-71cc-a605-8ac2a1566143","backend",{"articleCount":7,"color":8,"createdAt":164,"id":42,"name":43,"slug":43,"updatedAt":164},"2026-04-08T06:47:56.976Z",{"articleCount":117,"color":8,"createdAt":166,"id":167,"name":168,"slug":168,"updatedAt":166},"2026-06-06T00:00:11.711Z","019e9a3a-e5be-74b3-a01a-92c1f9427a2c","beta",{"articleCount":117,"color":8,"createdAt":170,"id":171,"name":172,"slug":172,"updatedAt":170},"2026-06-10T13:53:29.711Z","019eb1cf-3e6e-70f0-a761-0fb9b61d5675","budgeting",{"articleCount":112,"color":8,"createdAt":174,"id":175,"name":176,"slug":176,"updatedAt":174},"2026-06-16T16:11:31.438Z","019ed133-c4ee-70bb-8e21-7dc86e8adee4","bun",{"articleCount":117,"color":8,"createdAt":178,"id":179,"name":180,"slug":180,"updatedAt":178},"2026-05-19T20:00:14.559Z","019e41d3-1ade-77b0-9e4f-e9b97a6361ca","cdn",{"articleCount":112,"color":8,"createdAt":182,"id":183,"name":184,"slug":184,"updatedAt":182},"2026-06-27T16:00:12.237Z","019f09cf-5bcd-751c-8d46-9e123bd784af","clean-code",{"articleCount":112,"color":8,"createdAt":186,"id":187,"name":188,"slug":188,"updatedAt":186},"2026-05-16T18:48:40.777Z","019e321e-8248-75cc-9b69-59c2db6dd846","cli",{"articleCount":117,"color":8,"createdAt":190,"id":191,"name":192,"slug":192,"updatedAt":190},"2026-05-05T00:00:19.014Z","019df56f-8246-747f-be4b-a716863a93ea","cloud-platform",{"articleCount":112,"color":8,"createdAt":194,"id":195,"name":196,"slug":196,"updatedAt":194},"2026-06-16T16:11:31.289Z","019ed133-c458-74d8-a5c9-654f77837e7c","cloudflare",{"articleCount":112,"color":8,"createdAt":198,"id":199,"name":200,"slug":200,"updatedAt":198},"2026-07-27T18:11:45.304Z","019fa4c6-93c3-76ea-baa3-7d5fe541ac5b","cms",{"articleCount":112,"color":8,"createdAt":202,"id":203,"name":204,"slug":204,"updatedAt":202},"2026-04-30T04:19:02.045Z","019ddc9c-931c-743d-a1cb-e4449630fe47","collaboration",{"articleCount":112,"color":8,"createdAt":206,"id":207,"name":208,"slug":208,"updatedAt":206},"2026-06-10T13:53:29.567Z","019eb1cf-3dde-776d-9398-4863764f9ac3","community",{"articleCount":112,"color":8,"createdAt":210,"id":211,"name":212,"slug":212,"updatedAt":210},"2026-05-06T16:00:17.128Z","019dfe04-bee8-7384-bc58-a712f677807c","comparison",{"articleCount":112,"color":8,"createdAt":214,"id":215,"name":216,"slug":216,"updatedAt":214},"2026-05-14T12:00:21.354Z","019e265b-f569-71d8-a02a-a17ec8180644","component-design",{"articleCount":112,"color":8,"createdAt":218,"id":219,"name":220,"slug":220,"updatedAt":218},"2026-07-18T20:00:18.730Z","019f76d0-bb29-72d6-8d0b-05ffd1d3c8ed","composables",{"articleCount":7,"color":8,"createdAt":222,"id":9,"name":10,"slug":10,"updatedAt":222},"2026-04-08T06:47:42.915Z",{"articleCount":112,"color":8,"createdAt":224,"id":225,"name":226,"slug":226,"updatedAt":224},"2026-06-27T12:00:13.113Z","019f08f3-a538-74ed-82c5-038edce7100a","copilot",{"articleCount":117,"color":8,"createdAt":228,"id":229,"name":230,"slug":230,"updatedAt":228},"2026-04-25T12:00:12.674Z","019dc482-ff81-73ac-9b1c-6ad47f0afde0","data-management",{"articleCount":117,"color":8,"createdAt":232,"id":233,"name":234,"slug":234,"updatedAt":232},"2026-06-04T20:00:17.367Z","019e9438-e5d7-731f-bf47-8dcd86c6655c","data-privacy",{"articleCount":112,"color":8,"createdAt":236,"id":237,"name":238,"slug":238,"updatedAt":236},"2026-05-05T12:00:17.083Z","019df802-a8bb-775a-b843-93d883c7dfc5","data-science",{"articleCount":117,"color":8,"createdAt":240,"id":241,"name":242,"slug":242,"updatedAt":240},"2026-06-11T16:00:12.028Z","019eb769-9afb-7709-8a67-2a12f5e557c7","deepseek",{"articleCount":112,"color":8,"createdAt":244,"id":245,"name":246,"slug":246,"updatedAt":244},"2026-05-25T08:00:12.834Z","019e5e26-0e21-7366-87c7-0b1334180b0a","dependency-cruiser",{"articleCount":112,"color":8,"createdAt":248,"id":249,"name":250,"slug":250,"updatedAt":248},"2026-04-18T04:30:00.710Z","019d9eda-5005-7329-a463-189572e25635","deployment",{"articleCount":159,"color":8,"createdAt":252,"id":253,"name":254,"slug":254,"updatedAt":252},"2026-04-21T12:00:11.373Z","019dafe9-8a6d-7218-81f1-37052cbe9b78","development",{"articleCount":112,"color":8,"createdAt":256,"id":257,"name":258,"slug":258,"updatedAt":256},"2026-06-29T08:00:12.101Z","019f1264-9f44-762d-b5fd-837839fdc586","devtools",{"articleCount":117,"color":8,"createdAt":260,"id":261,"name":262,"slug":262,"updatedAt":260},"2026-05-29T20:00:13.197Z","019e7552-ad8c-731f-ad8b-49253ed0e1b9","docker",{"articleCount":112,"color":8,"createdAt":264,"id":265,"name":266,"slug":266,"updatedAt":264},"2026-06-27T12:00:13.081Z","019f08f3-a518-7607-aa8c-782b4f10c2ed","documentation",{"articleCount":112,"color":8,"createdAt":268,"id":269,"name":270,"slug":270,"updatedAt":268},"2026-04-30T04:19:02.055Z","019ddc9c-9327-744f-a2da-31b64c7b6ba4","editor",{"articleCount":112,"color":8,"createdAt":272,"id":35,"name":36,"slug":36,"updatedAt":272},"2026-07-06T12:00:24.261Z",{"articleCount":117,"color":8,"createdAt":274,"id":275,"name":276,"slug":276,"updatedAt":274},"2026-05-02T00:00:23.123Z","019de5fc-7e52-740a-807c-d322c373865b","firewall",{"articleCount":112,"color":8,"createdAt":278,"id":279,"name":280,"slug":280,"updatedAt":278},"2026-05-06T16:00:17.134Z","019dfe04-beee-7481-b8e7-4034640e840a","frameworks",{"articleCount":117,"color":8,"createdAt":282,"id":283,"name":284,"slug":284,"updatedAt":282},"2026-04-08T06:47:56.883Z","019d6bd9-00b2-7199-8e88-2530ef258032","generics",{"articleCount":112,"color":8,"createdAt":286,"id":287,"name":288,"slug":288,"updatedAt":286},"2026-07-27T18:11:45.390Z","019fa4c6-9419-7657-844e-58ec868ed664","git",{"articleCount":159,"color":8,"createdAt":290,"id":291,"name":292,"slug":292,"updatedAt":290},"2026-07-15T00:00:22.207Z","019f6313-12bf-7151-81f2-c8b43b09d979","html",{"articleCount":117,"color":8,"createdAt":294,"id":295,"name":296,"slug":296,"updatedAt":294},"2026-05-06T00:00:17.012Z","019dfa95-d673-71ef-be4a-8761512ffe5c","infrastructure",{"articleCount":112,"color":8,"createdAt":298,"id":299,"name":300,"slug":300,"updatedAt":298},"2026-06-16T16:11:31.264Z","019ed133-c43f-704f-8c1a-fbc299c8a3e5","javascript",{"articleCount":112,"color":8,"createdAt":302,"id":303,"name":304,"slug":304,"updatedAt":302},"2026-07-13T08:00:18.266Z","019f5a7d-bf5a-76e0-903a-c87435cc3e09","lazy-loading",{"articleCount":112,"color":8,"createdAt":306,"id":307,"name":308,"slug":308,"updatedAt":306},"2026-05-11T12:00:19.963Z","019e16e8-dbfa-76d6-bb2d-793aee049186","loading",{"articleCount":117,"color":8,"createdAt":310,"id":311,"name":312,"slug":312,"updatedAt":310},"2026-04-25T12:00:12.682Z","019dc482-ff8a-7698-8af5-95db54a26d6b","local-first",{"articleCount":112,"color":8,"createdAt":314,"id":315,"name":316,"slug":316,"updatedAt":314},"2026-05-14T12:00:21.370Z","019e265b-f579-71cd-84b2-ac385b5225ae","maintainability",{"articleCount":112,"color":8,"createdAt":318,"id":319,"name":320,"slug":320,"updatedAt":318},"2026-05-10T16:00:18.613Z","019e129e-34b4-7107-acfb-27f6b8604eb0","management",{"articleCount":112,"color":8,"createdAt":322,"id":323,"name":324,"slug":324,"updatedAt":322},"2026-06-27T12:00:13.065Z","019f08f3-a508-7334-aa03-12b281698ea8","markdown",{"articleCount":112,"color":8,"createdAt":326,"id":327,"name":328,"slug":328,"updatedAt":326},"2026-07-28T12:00:27.878Z","019fa899-02e6-758e-bdcb-8a4a923507df","mcp",{"articleCount":112,"color":8,"createdAt":330,"id":331,"name":332,"slug":332,"updatedAt":330},"2026-06-17T12:00:12.439Z","019ed574-0a96-7485-9c90-522e4be3e092","meta-tags",{"articleCount":117,"color":8,"createdAt":334,"id":335,"name":336,"slug":336,"updatedAt":334},"2026-05-26T08:00:14.598Z","019e634c-7105-7073-bc86-c32fa0a4401b","microfrontends",{"articleCount":117,"color":8,"createdAt":338,"id":339,"name":340,"slug":340,"updatedAt":338},"2026-05-19T16:00:13.516Z","019e40f7-5ccc-729c-92ba-bcc0aad8a16f","microvm",{"articleCount":117,"color":8,"createdAt":342,"id":343,"name":344,"slug":344,"updatedAt":342},"2026-05-05T00:00:19.025Z","019df56f-8250-768c-a659-b9f524ff902c","multi-tenant",{"articleCount":117,"color":8,"createdAt":346,"id":347,"name":348,"slug":348,"updatedAt":346},"2026-05-08T04:00:17.998Z","019e05be-4c4d-759e-a51e-8ac760f82f6d","nextjs",{"articleCount":112,"color":8,"createdAt":350,"id":351,"name":352,"slug":352,"updatedAt":350},"2026-04-17T19:35:19.293Z","019d9cf0-c9fc-76a0-8c4e-b818a89c3774","nitro",{"articleCount":354,"color":8,"createdAt":355,"id":61,"name":62,"slug":62,"updatedAt":355},27,"2026-04-08T06:47:55.381Z",{"articleCount":112,"color":8,"createdAt":357,"id":358,"name":359,"slug":359,"updatedAt":357},"2026-04-30T04:19:02.038Z","019ddc9c-9315-735e-a7e8-8424790e8859","nuxt-ui",{"articleCount":112,"color":8,"createdAt":361,"id":362,"name":363,"slug":363,"updatedAt":361},"2026-06-08T12:00:16.030Z","019ea71a-dc9d-7607-9cfa-df0f31ab5876","observability",{"articleCount":117,"color":8,"createdAt":365,"id":366,"name":367,"slug":367,"updatedAt":365},"2026-05-04T20:00:20.503Z","019df493-ce17-76ed-bd80-2a3914e0f409","open-source",{"articleCount":112,"color":8,"createdAt":369,"id":370,"name":371,"slug":371,"updatedAt":369},"2026-06-08T12:00:16.022Z","019ea71a-dc95-72b8-a7e3-70f9e2ac3710","opentelemetry",{"articleCount":7,"color":8,"createdAt":373,"id":374,"name":375,"slug":375,"updatedAt":373},"2026-05-18T12:00:14.389Z","019e3af5-4a35-705c-8ab1-4404b653e0e8","optimization",{"articleCount":112,"color":8,"createdAt":377,"id":378,"name":379,"slug":379,"updatedAt":377},"2026-05-28T20:00:13.016Z","019e702c-50d7-74eb-8849-8b1cebcf411e","orchestration",{"articleCount":381,"color":8,"createdAt":382,"id":383,"name":384,"slug":384,"updatedAt":382},16,"2026-04-08T06:47:42.920Z","019d6bd8-ca26-775c-b9b5-c3439dbe5789","performance",{"articleCount":112,"color":8,"createdAt":386,"id":387,"name":388,"slug":388,"updatedAt":386},"2026-06-10T13:53:29.575Z","019eb1cf-3de7-7326-87d9-c55ad1c0fa39","personalization",{"articleCount":112,"color":8,"createdAt":390,"id":391,"name":392,"slug":392,"updatedAt":390},"2026-04-17T19:35:19.263Z","019d9cf0-c9de-70b2-9057-76d771c3379e","pinia",{"articleCount":117,"color":8,"createdAt":394,"id":395,"name":396,"slug":396,"updatedAt":394},"2026-05-02T00:00:23.112Z","019de5fc-7e47-7075-8aeb-9e90f7689f57","postgres",{"articleCount":117,"color":8,"createdAt":398,"id":399,"name":400,"slug":400,"updatedAt":398},"2026-05-19T20:00:14.575Z","019e41d3-1aee-70c8-a07c-cec870115d14","pricing",{"articleCount":112,"color":8,"createdAt":402,"id":403,"name":404,"slug":404,"updatedAt":402},"2026-05-10T16:00:18.603Z","019e129e-34aa-723b-a568-45737915c7bf","qa",{"articleCount":112,"color":8,"createdAt":406,"id":407,"name":408,"slug":408,"updatedAt":406},"2026-05-08T04:00:18.013Z","019e05be-4c5c-75ad-8df5-602b3db57983","react",{"articleCount":7,"color":8,"createdAt":410,"id":411,"name":412,"slug":412,"updatedAt":410},"2026-04-20T12:00:11.653Z","019daac3-2f85-7393-b891-9da3891267ca","reactivity",{"articleCount":7,"color":8,"createdAt":414,"id":415,"name":416,"slug":416,"updatedAt":414},"2026-04-17T20:27:50.585Z","019d9d20-dfb9-7041-9973-39c545b33a2d","release",{"articleCount":117,"color":8,"createdAt":418,"id":419,"name":420,"slug":420,"updatedAt":418},"2026-05-26T08:00:14.619Z","019e634c-711a-728f-9b63-20f2c8b37ccb","routing",{"articleCount":117,"color":8,"createdAt":422,"id":423,"name":424,"slug":424,"updatedAt":422},"2026-05-19T16:00:13.509Z","019e40f7-5cc4-72e1-8f8b-692dd29fc716","sandbox",{"articleCount":112,"color":8,"createdAt":426,"id":427,"name":428,"slug":428,"updatedAt":426},"2026-05-14T12:00:21.362Z","019e265b-f571-7677-a537-2f7e96a490bf","scalability",{"articleCount":117,"color":8,"createdAt":430,"id":431,"name":432,"slug":432,"updatedAt":430},"2026-05-04T20:00:20.521Z","019df493-ce28-75e9-93d5-13251407a27b","scanning",{"articleCount":7,"color":8,"createdAt":434,"id":435,"name":436,"slug":436,"updatedAt":434},"2026-04-27T08:00:12.420Z","019dcdf3-fc84-73aa-a0be-6b7196c5a2e9","security",{"articleCount":112,"color":8,"createdAt":438,"id":439,"name":440,"slug":440,"updatedAt":438},"2026-06-17T12:00:12.428Z","019ed574-0a8b-7566-976f-8c281c820ed0","seo",{"articleCount":112,"color":8,"createdAt":442,"id":443,"name":444,"slug":444,"updatedAt":442},"2026-06-17T12:00:12.433Z","019ed574-0a91-74d8-b806-56681bb4b477","sitemap",{"articleCount":112,"color":8,"createdAt":446,"id":447,"name":448,"slug":448,"updatedAt":446},"2026-07-18T16:00:27.576Z","019f75f5-23b8-72eb-a2bf-79dd1fed3863","software-development",{"articleCount":112,"color":8,"createdAt":450,"id":451,"name":452,"slug":452,"updatedAt":450},"2026-04-17T19:35:19.297Z","019d9cf0-ca00-749d-9101-1c63bf62e215","spas",{"articleCount":159,"color":8,"createdAt":454,"id":455,"name":456,"slug":456,"updatedAt":454},"2026-06-03T16:00:12.620Z","019e8e36-bd4b-740d-b23a-81858b24025b","ssg",{"articleCount":458,"color":8,"createdAt":459,"id":68,"name":69,"slug":69,"updatedAt":459},9,"2026-04-08T06:47:43.020Z",{"articleCount":117,"color":8,"createdAt":461,"id":462,"name":463,"slug":463,"updatedAt":461},"2026-04-30T04:19:02.613Z","019ddc9c-9555-7544-a3e3-0605d2c1ea82","startup",{"articleCount":7,"color":8,"createdAt":465,"id":65,"name":66,"slug":66,"updatedAt":465},"2026-04-18T12:00:12.027Z",{"articleCount":117,"color":8,"createdAt":467,"id":468,"name":469,"slug":469,"updatedAt":467},"2026-06-06T00:00:11.717Z","019e9a3a-e5c5-76d3-86e4-576c151a87b3","storage",{"articleCount":112,"color":8,"createdAt":471,"id":472,"name":473,"slug":473,"updatedAt":471},"2026-06-17T12:00:12.446Z","019ed574-0a9e-7712-8bc5-a0102787fe48","structured-data",{"articleCount":112,"color":8,"createdAt":475,"id":476,"name":477,"slug":477,"updatedAt":475},"2026-05-10T16:00:18.597Z","019e129e-34a4-771a-844d-09a7edefcd64","tdd",{"articleCount":117,"color":8,"createdAt":479,"id":480,"name":481,"slug":481,"updatedAt":479},"2026-06-04T20:00:17.351Z","019e9438-e5c6-7681-8704-897c7b499eb4","terms-of-service",{"articleCount":159,"color":8,"createdAt":483,"id":484,"name":485,"slug":485,"updatedAt":483},"2026-04-09T06:11:45.799Z","019d70de-3c07-76bf-9688-9619e1b0d427","testing",{"articleCount":112,"color":8,"createdAt":487,"id":488,"name":489,"slug":489,"updatedAt":487},"2026-06-16T16:11:31.088Z","019ed133-c390-75bf-8f1a-5c57cd221f14","threejs",{"articleCount":117,"color":8,"createdAt":491,"id":492,"name":493,"slug":493,"updatedAt":491},"2026-05-02T00:00:23.130Z","019de5fc-7e59-7426-8d46-e79e4bcf0d56","tls",{"articleCount":495,"color":8,"createdAt":496,"id":71,"name":72,"slug":72,"updatedAt":496},10,"2026-04-08T06:47:55.591Z",{"articleCount":7,"color":8,"createdAt":498,"id":499,"name":500,"slug":500,"updatedAt":498},"2026-04-08T06:47:56.778Z","019d6bd9-0049-72ba-8cfa-139b1c1b249d","typescript",{"articleCount":502,"color":8,"createdAt":459,"id":503,"name":504,"slug":504,"updatedAt":459},5,"019d6bd8-ca8b-709c-b9a5-77d4910da162","ui-components",{"articleCount":112,"color":8,"createdAt":506,"id":507,"name":508,"slug":508,"updatedAt":506},"2026-05-11T12:00:19.969Z","019e16e8-dc00-714d-911a-a5bf39238587","user-experience",{"articleCount":112,"color":8,"createdAt":510,"id":511,"name":512,"slug":512,"updatedAt":510},"2026-05-18T12:00:14.379Z","019e3af5-4a29-759a-81b0-b6d502b2449e","v-memo",{"articleCount":117,"color":8,"createdAt":514,"id":515,"name":516,"slug":516,"updatedAt":514},"2026-04-30T04:19:02.228Z","019ddc9c-93d3-763e-ad3c-d3ad78642de7","vercel",{"articleCount":112,"color":8,"createdAt":518,"id":519,"name":520,"slug":520,"updatedAt":518},"2026-07-13T08:00:18.274Z","019f5a7d-bf61-746b-a44b-5c0a16ff57d3","video",{"articleCount":7,"color":8,"createdAt":522,"id":523,"name":524,"slug":524,"updatedAt":522},"2026-04-17T19:35:19.289Z","019d9cf0-c9f8-7411-beed-02265d8271db","vite",{"articleCount":112,"color":8,"createdAt":526,"id":527,"name":528,"slug":528,"updatedAt":526},"2026-04-25T18:08:02.132Z","019dc5d3-c054-70e2-bca4-08e2a2b9a096","vitest",{"articleCount":112,"color":8,"createdAt":530,"id":531,"name":532,"slug":532,"updatedAt":530},"2026-06-27T12:00:13.107Z","019f08f3-a532-7049-a02c-c17a4fd99306","vscode",{"articleCount":534,"color":8,"createdAt":535,"id":32,"name":33,"slug":33,"updatedAt":535},32,"2026-04-08T06:47:42.793Z",{"articleCount":112,"color":8,"createdAt":537,"id":538,"name":539,"slug":539,"updatedAt":537},"2026-04-18T12:00:12.007Z","019da076-78e6-76bd-b0d4-4e0597d36378","vue-router",{"articleCount":117,"color":8,"createdAt":541,"id":542,"name":543,"slug":543,"updatedAt":541},"2026-05-04T20:00:20.510Z","019df493-ce1d-7039-811a-ed57bf081d26","vulnerability",{"articleCount":545,"color":8,"createdAt":546,"id":547,"name":548,"slug":548,"updatedAt":546},3,"2026-05-05T12:00:17.078Z","019df802-a8b6-74d2-a0cd-b0509cf502fa","web-development",{"articleCount":545,"color":8,"createdAt":550,"id":551,"name":552,"slug":552,"updatedAt":550},"2026-05-10T16:00:18.576Z","019e129e-3490-7739-a218-5454a8c15d6e","workflow"]