Add validation for package name in vue init

Author: watilde

lib/ask.js

@@ -41,7 +41,8 @@ function prompt (data, key, prompt, done) {
     name: key,
     message: prompt.message || prompt.label || key,
     default: prompt.default,
-    choices: prompt.choices || []
+    choices: prompt.choices || [],
+    validate: prompt.validate || function () { return true }
   }], function (answers) {
     if (Array.isArray(answers[key])) {
       data[key] = {}

lib/options.js

@@ -2,6 +2,7 @@ var path = require('path')
 var metadata = require('read-metadata')
 var exists = require('fs').existsSync
 var getGitUser = require('./git-user')
+var validateName = require('validate-npm-package-name')
 
 /**
  * Read prompts metadata.
@@ -17,6 +18,7 @@ module.exports = function options (name, dir) {
     : {}
 
   setDefault(opts, 'name', name)
+  setValidateName(opts)
 
   var author = getGitUser()
   if (author) {
@@ -49,3 +51,14 @@ function setDefault (opts, key, val) {
     prompts[key]['default'] = val
   }
 }
+
+function setValidateName (opts) {
+  opts.prompts.name.validate = function (name) {
+    var its = validateName(name)
+    if (!its.validForNewPackages) {
+      var errors = (its.errors || []).concat(its.warnings || [])
+      return 'Sorry, ' + errors.join(' and ') + '.'
+    }
+    return true
+  }
+}