Fix vetur can't find package.json Error

Working with vs code and vue project, we may encounter error from vs code “vetur can't find
package.json” .
The problem,sometimes, causes by vetur, because it looks for the package.json in root directory of
opening folder. We need to add a vetur.config.js file in the root folder of the project.
The content follows:
// vetur.config.js
/** @type {import('vls').VeturConfig} /
module.exports = {
// **optional* default: {}
// override vscode settings
// Notice: It only affects the settings used by Vetur.
settings: {
"vetur.useWorkspaceDependencies": true,
"vetur.experimental.templateInterpolationService": true
},
// optional default: [{ root: './' }]
// support monorepos
projects: [
'./packages/repo2', // shorthand for only root.
{
// required
// Where is your project?
// It is relative to vetur.config.js.
root: './packages/repo1',
// optional default: 'package.json'
// Where is package.json in the project?
// We use it to determine the version of vue.
// It is relative to root property.
package: './package.json',
// optional
// Where is TypeScript config file in the project?
// It is relative to root property.
tsconfig: './tsconfig.json',
// optional default: './.vscode/vetur/snippets'
// Where is vetur custom snippets folders?
snippetFolder: './.vscode/vetur/snippets',
// optional default: []
// Register globally Vue component glob.
// If you set it, you can get completion by that components.
// It is relative to root property.
// Notice: It won't actually do it. You need to use require.context or Vue.component
globalComponents: [
'./src/components/*/.vue'
]
}
]
}