Page 5 - Vue.js

Vue.js

AI generated

Nuxt Content: Building Markdown Based Pages the Right Way

Maxim Mironjuk - December 24, 2025

Nuxt Content turns a plain directory of markdown files into a full featured, searchable data source with automatic routing, a query builder and Vue components right inside the text. For anyone maintaining documentation, blogs or marketing pages without an external CMS, Nuxt Content is the missing link between static text and a dynamic Vue application.

Vue.js Web Performance

AI generated

Vue Reactivity Performance: shallowRef, markRaw, toRaw

Maxim Mironjuk - December 24, 2025

Blindly wrapping every object in Vue 3 with reactive costs a measurable Proxy overhead once datasets grow large. This Vue reactivity performance guide shows how shallowRef, shallowReactive, markRaw and toRaw relieve the reactivity system deliberately, without losing functionality.

JavaScript Vue.js

AI generated

Vue Macros and Compiler Macros: Beyond defineModel and defineProps

Maxim Mironjuk - December 22, 2025

Compiler macros such as defineProps and defineModel look like normal function calls but do not exist at runtime at all, the Vue compiler transforms them away while building the code. The dedicated Vue Macros plugin goes further and adds its own macros for reactivity, prop forwarding and conditional compilation, with clear tradeoffs in tooling and predictability.

Vue.js

AI generated

Vue Router Data Loaders: The New Router 4 Feature Explained

Maxim Mironjuk - December 17, 2025

Data Loaders are a new feature in Vue Router 4.4+ that bind data requests directly to a route and run them before navigation completes, instead of fetching data only after the target component has mounted through onMounted. That shifts responsibility for loading state and error handling out of individual components and into a central layer managed by Vue Router itself.

Tailwind Vue.js

AI generated

Vue and Tailwind: Sensible Patterns Instead of Class Soup

Maxim Mironjuk - December 10, 2025

A button with 30 Tailwind classes in the template is not a Tailwind problem, it is an architecture problem. Vue and Tailwind can be combined so that class logic lives in computed properties, variants are managed through cva and templates stay readable, without sacrificing the expressiveness of Tailwind.

Vue.js

AI generated

Form Builder and Dynamic Forms in Vue 3

Maxim Mironjuk - December 01, 2025

Forms that get generated from configuration instead of being hard-coded save development time and let back-end teams change form structures without a frontend deployment. This article shows how to build a robust form builder in Vue 3, from field definitions through dynamic validation to conditional fields.

Vue.js Security/OWASP

AI generated

Rate Limiting in Nuxt Server Routes: Strategies and Implementation

Maxim Mironjuk - November 28, 2025

Without rate limiting, a single client can overwhelm a Nuxt Server Route with thousands of requests per second, whether from a misconfigured client, a bot, or a targeted attack. Token bucket algorithms, Redis based limiting, and a correct 429 error format protect the API without slowing down legitimate users.

Tailwind Vue.js

AI generated

Responsive Vue Component Patterns: Solving Breakpoints Cleanly

Maxim Mironjuk - November 22, 2025

Responsive Vue components often fail with plain CSS media queries, because a component needs to behave differently depending on its layout context, regardless of viewport width. Container queries, custom breakpoint composables, and adaptive slot structures solve this structurally instead of piling on more CSS exceptions.

Vue.js Barrierefreiheit

AI generated

Accessibility in Vue Components: Focus, ARIA and Keyboard Support

Maxim Mironjuk - November 22, 2025

Accessibility in Vue applications is not an optional add-on requirement, it is technical quality. Anyone who builds focus management, ARIA attributes and keyboard navigation into Vue components from the very start creates interfaces that work reliably for all users while also meeting legal requirements such as the European Accessibility Act.

Vue.js

AI generated

Vue 3.4+ defineModel in Depth: Two-Way Binding Without Boilerplate

Maxim Mironjuk - November 20, 2025

Since Vue 3.4 (and further refined in Vue 3.5), the defineModel compiler macro takes over all the wiring that used to require a props declaration, a matching emits entry, and a manual emit('update:modelValue', value) call. Any component that wants to support v-model now needs a single line that behaves like a regular ref while automatically staying in sync in both directions.