Next.js Auto 'use client' Directive

Next.js Auto 'use client' Directive is a Visual Studio Code extension that automatically adds the "use client" directive to the beginning of your JavaScript and TypeScript files when it detects the usage of certain client-side hooks.

Features

• Automatically adds "use client" directive to JavaScript and TypeScript files.
• Prompt for directive addition when client-side hooks are detected.
• Support for Next.js projects detection.

Requirements

• Visual Studio Code

Installation

You can install Next.js Auto 'use client' Directive via the Visual Studio Code Marketplace or by downloading the VSIX file directly and installing it manually.

Usage

Once installed, Next.js Auto 'use client' Directive will automatically detect client-side hooks usage in your JavaScript and TypeScript files. When it detects such usage, it will prompt you to add the "use client" directive. You can also trigger this manually using the command palette or keyboard shortcut.

Commands

• extension.addUseClientDirective: Manually add the "use client" directive to the current document.

Keyboard Shortcuts

• Windows/Linux: Ctrl + S
• Mac: Cmd + S

Contributing

Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request on the GitHub repository.

License

This extension is licensed under the MIT License.