Import a Vue project folder recursively

[CodeShark37]

Problem

It is often necessary to work on projects that were not started with OverVue and with the most varied directory structures.

It would be very useful not to have to redo the entire project in OverVue but to continue using OverVue to have a visual perception of the project and how its components interconnect and are organized.

Has the team already considered this?

Thanks!

Solution

We could map the directories and libraries that OverVue supports with the directories and libraries present in the project to be imported.

Example

Directories
OverVue --------------- Project Import
/assets ------------->/someDir
/components ------> /someDir
/router ----------------->/someDir
/store -----------------> /someDir
/views ---------------->/someDir

Libraries
OverVue --------------- Project Import
/router
VueRouter ------------->SomeLib
SomeLib VueRouter

/store
Pinia -------------> Vuex
Vuex Pinia
SomeLib SomeLib

Then we could recursively import the project directory based on the mapping done, importing each .vue(template,script,style) and interpreting each .js of the mapped libraries

Additional information

No response

👨‍👧‍👦 Contributing

• 🙋‍♂️ Yes, I'd love to make a PR to implement this feature!