Vue.js

[Igorkowalski94]

All questions and answers related to Vue.js project structure.

[oleg-gorbulich]

good day
Can I pass an absolute link to my folder, Structure.json, into the configuration? I have a monorep and the esLint configuration is transferred to all projects via a link from the root project. It’s hard to copy folderStructure.json to every projects, is it possible to somehow add folderStructure.json directly to the setting or link to it "@rootProject/configs/folderStructure.json"?
I tried this, but it doesn't work
rules: { 'project-structure/folder-structure': ['error', folderStructure], },

[Igorkowalski94]

Generally, you can also have folderStructure.json and .eslintrc in the root of your monorepo and validate the entire monorepo structure from the root.

.
├── 📂 projects
├── 📄 folderStructure.json 
├── 📄 .eslintrc 
└── 📄 ... other monorepo files

{
    "structure": {
        "children": [
            {
                "name": "projects",
                "children": [
                    // ... structure that projects should meet
                ],
            },
            {
                "extension": "*", // All files located in the root of your monorepo, like package.json, .eslintrc, etc.
            },
        ],
    },
}

[oleg-gorbulich]

I probably phrased it wrong. I have a root config in a separate project from which the esLint configuration is copied to all other projects via a link.

[Igorkowalski94]

Then, as a temporary fix, you can change this line locally

eslint-plugin-project-structure/src/rules/folderStructure/helpers/handleProgram.ts

Line 21 in 3cc9b9a

const configPath = `${cwd}${sep}${

to

   const configPath = `${
        settings["project-structure/folder-structure-config-path"]
    }`;

In a few days I can add support for absolute paths.

[Igorkowalski94]

Improvement added in 2.0.17 (support for absolute/relative paths for configuration file)

[oleg-gorbulich]

Thanks a lot