Vue Mess Detector Nuxt Devtools Plugin

Vue Mess Detector module integrated with the Nuxt Devtools.

Vue Mess Detector is a comprehensive code analysis and quality assessment tool. That provides actionable insights into code health, helping developers identify and resolve potential issues in Vue.js and Nuxt.js projects.

This package contains only the devtools integration; Vue Mess Detector is added as a dependency.

Features

• 😻 NPM and JSR Support
• 🤖 PNPM, Bun, Yarn and NPM
• 🔩 Focus on Important Rules
• 🚀 Run the analyzer directly from dev tools

Quick Setup

1. Add vue-mess-detector-nuxt-devtools dependency to your project

# Using pnpm
pnpm add -D vue-mess-detector-nuxt-devtools

# Using yarn
yarn add --dev vue-mess-detector-nuxt-devtools

# Using npm
npm install --save-dev vue-mess-detector-nuxt-devtools

2. Add vue-mess-detector-nuxt-devtools to the modules section of nuxt.config.ts

export default defineNuxtConfig({
  modules: ["vue-mess-detector-nuxt-devtools"],
});

That's it! You can now use Vue Mess Detector in your Nuxt app ✨

Screenshot

Development

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with playground, with devtools client ui
npm run dev

# Develop with playground, with bundled client ui
npm run play:prod

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release