nuxt / nuxt/modules

[Module Listing Request]: Drop

Open
#1,563 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

module-request
Dominant language
TypeScript
Stars
1.1k
Forks
354
Avg merge
10h 18m
Merged PRs (30d)
12

Description

Description

Drop is a Nuxt 4 module for adding small, isolated browser behaviors to server-rendered HTML.

It is designed for SSR-first pages, including routes using noScripts, where Vue does not hydrate in the browser. Authors declare a defineDrop macro in <script setup>; Drop serializes SSR state and compiles each behavior into its own browser entry.

The API provides a component root, typed SSR state, cleanup hooks, optional signals/effects, and literal dynamic imports for browser-only dependencies.

Repository

https://github.com/ilsrbn/drop

npm

https://www.npmjs.com/package/@ilsrbn/drop

Nuxt Compatibility

Nuxt 4

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Review the linked Drop repository and npm package, then inspect how Nuxt modules are represented in this repository. Confirm the Nuxt 4 compatibility and supplied module details; done means the Drop module is added to the catalog with its repository and npm links.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxt, typescript
Domain
content, documentation
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.