Vue Weekly #1 - Jan 03 - Jan 10, 2026
by alexander-opalic
Weekly Vue ecosystem digest
Developer from Germany passionate about technology and knowledge sharing. Writes about Vue, TypeScript, AI tooling, and testing strategies.
Notes (19)
Vue Weekly #2 - Jan 03 - Jan 10, 2026
by alexander-opalic
Vue 3.6 beta with Vapor Mode, Vite 8 with Rolldown bundler, Nuxt Studio goes free and open-source, and Nuxt 3 EOL in 3 weeks.
Vue Weekly #3 - January 4-10, 2026
by alexander-opalic
Vue 3.6.0-beta.2 brings Vapor Mode to beta, NuxtLabs joins Vercel making Nuxt Studio free, and Nuxt 3.16 delivers 32% faster loading.
Claude Code 2.1: Skills, Slash Commands, and Subagents Converge
by alexander-opalic
Claude Code 2.1 collapses the distinction between skills, slash commands, and subagents—skills can now fork into isolated contexts and specify their own model, making them the single abstraction for agent orchestration.
Claude Code 2.1: Skills Become the Universal Extension
by alexander-opalic
Claude Code 2.1 transforms skills from specialized knowledge containers into a unified automation abstraction—hot-reloading, forked contexts, lifecycle hooks, and agent specification make skills the default choice for extending Claude Code.
The Age of Abundance
by alexander-opalic
A future vision where AI, robotics, and exponential technologies create unprecedented prosperity, making goods and services widely available at low cost, potentially leading to universal high income rather than just basic income.
Displaying Excalidraw Diagrams in Nuxt
by alexander-opalic
How I added Excalidraw diagram support to my Nuxt site, including failed attempts at build-time SVG conversion and the simpler solution using Obsidian's auto-export.
The Ralph Wiggum Technique: Running Claude Code in a Loop
by alexander-opalic
Ralph is a bash loop that feeds prompts to AI coding agents repeatedly—the key is one goal per context window, deliberate context allocation, and robust feedback loops.
Get Notified When Claude Code Finishes With Hooks
by alexander-opalic
Set up desktop notifications for Claude Code using hooks to get alerted when Claude needs permission or input—no more terminal watching.
How to Customize Your Claude Code Status Line
by alexander-opalic
Configure Claude Code to display model info and context usage in your terminal through a custom status line script that processes JSON data via stdin.
The Age of the Generalist
by alexander-opalic
AI accelerates routine tasks but lacks architectural judgment—the future belongs to high-agency generalists who identify problems and drive solutions without waiting for direction.
Understanding Claude Code's Full Stack: MCP, Skills, Subagents, and Hooks Explained
by alexander-opalic
A comprehensive breakdown of Claude Code's extensibility layers—MCP servers, CLAUDE.md files, slash commands, subagents, hooks, and skills—explaining when to use each component.
How to Structure Vue Projects
by alexander-opalic
A guide to structuring Vue projects at different scales—from flat folder structures for small apps, to modular monolithic architecture for medium-scale, to micro frontends for large enterprise projects.
Mastering Vue 3 Composables: A Comprehensive Style Guide
by alexander-opalic
A comprehensive style guide for writing clean, testable, and maintainable Vue 3 composables by applying time-tested software design principles like single responsibility, separation of concerns, and functional core/imperative shell.
Vue 3 Testing Pyramid: A Practical Guide with Vitest Browser Mode
by alexander-opalic
A practical testing strategy for Vue 3 that inverts the traditional pyramid—prioritizing integration tests (~70%) over unit tests, using Vitest browser mode for real browser execution and 4x faster performance than JSDOM.
What is Local-first Web Development?
by alexander-opalic
An introduction to local-first web development, a paradigm shift that prioritizes storing data on users' devices first, enabling offline functionality, instant access, and greater user control over their data.
Building a Modular Monolith with Nuxt Layers
by alexander-opalic
Nuxt Layers enable modular monolith architecture by enforcing feature boundaries at compile-time—each layer has its own config and components, preventing the coupling and circular dependencies that plague flat folder structures.
No Server, No Database: Smarter Related Posts in Astro with transformers.js
by alexander-opalic
Embeddings capture semantic meaning better than tags—run Hugging Face models in JavaScript with transformers.js to generate truly related post suggestions without any backend infrastructure.
How to Implement a Cosine Similarity Function in TypeScript for Vector Comparison
by alexander-opalic
Cosine similarity measures the angle between two vectors—not their magnitude—making it the essential building block for semantic search, AI recommendations, and any application comparing text embeddings.