feat(vue): init, app, component and lib generators

[jaysoo]

Same as #19018

• Added init generator
• Added app generator
• Added lib generator
• Added component generator
• Created vue plugin overview page in docs (under nx.dev/packages/vue)
• Added e2e targets
• nx/vue e2e tests
• Vue preset in create-nx-workspace
  

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
nx-dev	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 13, 2023 4:28pm

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 8b812cc. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 8 targets

• nx affected --target=e2e --base=f6398837869cc3d8497487c427a16af1f821c46d --head=8b812cce13aad38e93f6c5a8651978c6a4b8fc83 --parallel=1
• nx affected --target=test --base=f6398837869cc3d8497487c427a16af1f821c46d --head=8b812cce13aad38e93f6c5a8651978c6a4b8fc83 --parallel=1
• nx affected --target=build --base=f6398837869cc3d8497487c427a16af1f821c46d --head=8b812cce13aad38e93f6c5a8651978c6a4b8fc83 --parallel=3
• nx affected --target=lint --base=f6398837869cc3d8497487c427a16af1f821c46d --head=8b812cce13aad38e93f6c5a8651978c6a4b8fc83 --parallel=3
• nx run-many -t check-imports check-commit check-lock-files check-codeowners documentation --parallel=1 --no-dte
• nx-cloud record -- nx format:check --base=f6398837869cc3d8497487c427a16af1f821c46d --head=8b812cce13aad38e93f6c5a8651978c6a4b8fc83
• nx documentation --no-dte
• nx affected -t e2e-macos --parallel=1 --base=f6398837869cc3d8497487c427a16af1f821c46d --head=8b812cce13aad38e93f6c5a8651978c6a4b8fc83

---

Sent with 💌 from NxCloud.

[JamesHenry]

I would have instinctively expected to see a .vue file override within ESLint configs to only apply vue-specific lint rules to vue files, but that doesn't seem to be the case here?

[mandarini]

@JamesHenry this is from the docs on how to configure the plugin: https://eslint.vuejs.org/user-guide/

Edit: sorry, providing more details

npm create vue@latest generates this:

/* eslint-env node */
require('@rushstack/eslint-patch/modern-module-resolution')

module.exports = {
  root: true,
  'extends': [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/eslint-config-typescript'
  ],
  parserOptions: {
    ecmaVersion: 'latest'
  }
}

so I think that the vue-related plugins should be taking care of things.

[JamesHenry]

@mandarini @jaysoo and I discussed my linting concerns and they are going to make a few tweaks

[JamesHenry]

All good from a linting perspective now 👍

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.