👉🏻 A powerful, type-safe feature flag module for Nuxt 3 that enables both static and dynamic feature flag evaluation with server-side support.
👉🏻 Perfect for A/B testing, gradual rollouts, and feature management.
💡 Nuxt Tip: Document Your Nuxt Endpoints With OpenAPI and Visualize With Swagger or Scalar
When you're building an API with Nuxt 3+, it's essential to have clear and accessible documentation. OpenAPI provides a structured way to describe your API, and tools like Swagger UI or Scalar make it easy to visualize and interact with your endpoints.
To enable OpenAPI in your Nuxt 3 project, you need to enable the experimental Nitro feature. You can do this by adding the following configuration to your nuxt.config.tsnuxt.config.ts file:
If you now start your Nuxt app locally, you can access the OpenAPI documentation at http://localhost:3000/_swaggerhttp://localhost:3000/_swagger or http://localhost:3000/_scalarhttp://localhost:3000/_scalar: http://localhost:3000/_scalarhttp://localhost:3000/_scalar:
👉🏻 Extreme Server Side Rendering (XSSR) is a technique where the server continuously streams HTML updates to the client, creating dynamic web pages without JavaScript.
Weekly Vue News #194 Reactive Time Ago View online Hi 👋 I'm on vacation this week, so no special news from my side — just some fresh Vue & Nuxt content for you! Enjoy this issue and have a lovely week ☀️ Vue 📕 Optimizing heavy operations in Vue with Web Worke...
Hey! In yesterday's email I shared what I think is the key feature to making Vue components highly reusable: Scoped slots. But scoped slots are hard to grasp, and even more difficult to master. So today, we're going to make sure we understand them on a deep, intuitive level. Then, I'm going to introduce you to the magic ✨ of scoped slots. The trick is to think of them as functions. Slots are just functions We're going to recreate the functionality of slots, but we'll use a regular Javascript function that only returns HTML. This is the code we'll replicate: <!-- Parent --> < template > < div class = "modal-container" > < div class = "modal" > Content in the Parent < Child class = "mb-4" v-slot = "{ text }" > ...
评论
发表评论