Skip to content

Import a Vue project folder recursively #200

@CodeShark37

Description

@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!

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions