This extension allows you to create a component inside an already and unique existing "components" folder.

1. The workspace directory will be scanned for a "components" folder, ignoring "node-modules" and "dist" folder

2. If multiples "components" folder are found your component will be created at the root of the directory.

At the end you get a directory that looks like this:

-component_folder/
--component_folder.njk
--component_folder.config.js
--component_folder.data.js

1. Install this extension.

2. Restart VSCode

Activate command (cmd + Shift + p ) or use the context menu (right click)

choose between "New Malvid Component" or "New Malvid Component With Config".

We are looking for an existing "components" folder and components will be created there. If not, this falls back to the workspace root "vscode.workspace.rootPath"

The name you enter will be converted in snake case.

i.e "loremFolder Ipsum" => "lorem_folder_ipsum"

.njk file inherits the component name as class name

<div class="{componentName}">

</div>

.data.js files already have module.exports

module.exports = {

}

.config.js files already have module.exports

module.exports = {
	group: ''
}

🤙🏾 Thanks to Tobias Reich and Markus Morley