nuxt / nuxt/modules

[Module Listing Request]: `Nuxt Layout Aid`

Open
#1,210 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

Nuxt Layout Aid is a very basic Nuxt module that adds togglable visual guides during dev:

  • Configurable columns guides
  • Outline around each element

The module can be tested in this StackBlitz example (use ctrl/cmd + o for outlines and ctrl/cmd + g for columns grid).

Repository

https://github.com/leoboyerbx/layout-aid/tree/main/packages/nuxt

npm

https://www.npmjs.com/package/@layoutaid/nuxt

Nuxt Compatibility

Nuxt 3

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 Nuxt modules repository to find the existing module-listing format, then inspect the linked Nuxt Layout Aid repository, npm package, and StackBlitz example. Done means the Nuxt 3 module is represented consistently with other listings and its repository and package details are accurate.

Written by the indexing model from the issue text.

Assessment

Tech stack
nuxt
Domain
documentation
Issue type
Documentation
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.