UI should prevent from entering an invalid project name

[zoispag]

Version

3.0.0-rc.2

Reproduction link

https://jsfiddle.net/zoispag/rba9coxn/

Steps to reproduce

• Open vue-ui.
• Create project with any preset
• Choose either yarn or npm.

What is expected?

To create/download the project

What is actually happening?

Response in terminal
{"type":"error","data":"package.json: Name contains illegal characters"} command failed: yarn --json

---

Package.json contains:

{
  "name": "Projects/vueSpa",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.0.0-beta.15",
    "@vue/cli-plugin-eslint": "^3.0.0-beta.15",
    "@vue/cli-service": "^3.0.0-beta.15"
  }
}

[Akryum]

You shouldn't put a / in your project name.

[zoispag]

Thanks for your immediate response. I didn't want to put a / in my project name, rather that creating the project inside ~/Projects/projectname/ but it wouldn't allow me to choose a path.

[zoispag]

Ok. I just realised how UI works. You have to run vue ui from dir where you want to create your project!

[Akryum]

You can choose which folder you want to create the project in via the UI.

[zoispag]

I started UI in ~ and I couldn't navigate to child dirs from inside ui. Only to parent.
Maybe this is something worth investigating.

[Akryum]

Did you have any error in the browser console or the terminal?

[zoispag]

Unfortunately no errors.

[Akryum]

Could you try with vue ui -D and see if there are errors?

[zoispag]

I get no errors in the console, but I get an "error" in the ui.

I can't select my user to go to ~ path.

Does this help?

[Akryum]

What's the error in the browser console?

[Akryum]

I added name validation in 8957c3a