chore: fix typos (#4241)

(cherry picked from commit c0aa2bb310)

packages/@vue/babel-preset-app/index.js

@@ -60,7 +60,7 @@ module.exports = (context, options = {}) => {
     // Undocumented option of @babel/plugin-transform-runtime.
     // When enabled, an absolute path is used when importing a runtime helper atfer tranforming.
     // This ensures the transpiled file always use the runtime version required in this package.
-    // However, this may cause hash inconsitency if the project is moved to another directory.
+    // However, this may cause hash inconsistency if the project is moved to another directory.
     // So here we allow user to explicit disable this option if hash consistency is a requirement
     // and the runtime version is sure to be correct.
     absoluteRuntime = runtimePath

packages/@vue/cli-plugin-e2e-nightwatch/index.js

@@ -6,7 +6,7 @@ module.exports = (api, options) => {
       '--url': 'run e2e tests against given url instead of auto-starting dev server',
       '--config': 'use custom nightwatch config file (overrides internals)',
       '-e, --env': 'specify comma-delimited browser envs to run in (default: chrome)',
-      '-t, --test': 'sepcify a test to run by name',
+      '-t, --test': 'specify a test to run by name',
       '-f, --filter': 'glob to filter tests by filename'
     },
     details:

packages/@vue/cli-plugin-eslint/lint.js

@@ -42,7 +42,7 @@ module.exports = function lint (args = {}, api) {
     // code style consistent with user's selected eslint config.
     // Though, if users provided their own `.eslintignore` file, we don't want to
     // add our own customized ignore pattern here (in eslint, ignorePattern is
-    // an addition to eslintignore, i.e. it can't be overriden by user),
+    // an addition to eslintignore, i.e. it can't be overridden by user),
     // following the principle of least astonishment.
     config.ignorePattern = [
       '!.*.js',

packages/@vue/cli-service/__tests__/css.spec.js

@@ -129,7 +129,7 @@ test('css.extract', () => {
   }, 'production')
   LANGS.forEach(lang => {
     const loader = lang === 'css' ? [] : LOADERS[lang]
-    // if postcss config is present, two postcss-loaders will be used becasue it
+    // if postcss config is present, two postcss-loaders will be used because it
     // does not support mixing config files with loader options.
     expect(findLoaders(config2, lang)).toEqual(['vue-style', 'css', 'postcss', 'postcss'].concat(loader))
     expect(findOptions(config2, lang, 'css').importLoaders).toBe(3)

packages/@vue/cli-service/__tests__/modernMode.spec.js

@@ -88,7 +88,7 @@ test('no-unsafe-inline', async () => {
   const { stdout } = await project.run('vue-cli-service build --modern --no-unsafe-inline')
   expect(stdout).toMatch('Build complete.')
 
-  // should output a seperate safari-nomodule-fix bundle
+  // should output a separate safari-nomodule-fix bundle
   const files = await fs.readdir(path.join(project.dir, 'dist/js'))
   expect(files.some(f => /^safari-nomodule-fix\.js$/.test(f))).toBe(true)
 

packages/@vue/cli-service/lib/commands/serve.js

@@ -158,7 +158,7 @@ module.exports = (api, options) => {
         // launch editor support.
         // this works with vue-devtools & @vue/cli-overlay
         app.use('/__open-in-editor', launchEditorMiddleware(() => console.log(
-          `To specify an editor, sepcify the EDITOR env variable or ` +
+          `To specify an editor, specify the EDITOR env variable or ` +
           `add "editor" field to your Vue project config.\n`
         )))
         // allow other plugins to register middlewares, e.g. PWA

packages/@vue/cli-ui/apollo-server/api/PluginApi.js

@@ -203,7 +203,7 @@ class PluginApi {
   }
 
   /**
-   * Add a new task indepently from the scripts.
+   * Add a new task independently from the scripts.
    * The task will only appear in the UI.
    *
    * @param {object} options Task description

packages/@vue/cli-ui/apollo-server/connectors/plugins.js

@@ -244,7 +244,7 @@ function runPluginApi (id, pluginApi, context, filename = 'ui') {
       log(`${chalk.red('ERROR')} while loading plugin API: no function exported, for`, name, chalk.grey(pluginApi.cwd))
       logs.add({
         type: 'error',
-        message: `An error occured while loading ${name}: no function exported`
+        message: `An error occurred while loading ${name}: no function exported`
       })
     } else {
       pluginApi.pluginId = id
@@ -255,7 +255,7 @@ function runPluginApi (id, pluginApi, context, filename = 'ui') {
         log(`${chalk.red('ERROR')} while loading plugin API for ${name}:`, e)
         logs.add({
           type: 'error',
-          message: `An error occured while loading ${name}: ${e.message}`
+          message: `An error occurred while loading ${name}: ${e.message}`
         })
       }
       pluginApi.pluginId = null

packages/@vue/cli-ui/src/vue-apollo.js

@@ -56,7 +56,7 @@ export const apolloProvider = new VueApollo({
     })
   },
   errorHandler (error) {
-    console.log('%cAn error occured', 'background: red; color: white; padding: 4px; border-radius: 4px;font-weight: bold;')
+    console.log('%cAn error occurred', 'background: red; color: white; padding: 4px; border-radius: 4px;font-weight: bold;')
     console.log(error.message)
     if (error.graphQLErrors) {
       console.log(error.graphQLErrors)

packages/@vue/cli-ui/ui-defaults/widgets.js

@@ -75,7 +75,7 @@ module.exports = api => {
     maxCount: 1
   })
 
-  // Depdency updates
+  // Dependency updates
 
   setSharedData('dependency-updates.status', {
     status: 'loading',