SyntaxError: Adjacent JSX elements must be wrapped in an enclosing tag

[Henvy-Mango]

When I use the plugin to format vue file, it noticed that SyntaxError: Adjacent JSX elements must be wrapped in an enclosing tag.
But if I remove the plugin, it turns to normal.

Here is the minimal reproduction.

This is my vue file.

<template>
    <router-view />
</template>
  
<style lang="less">
#app {
height: 100%;
background-color: inherit;
}
</style>

This is my .prettierrc.js.

module.exports = {
  importOrder: ["^@core/(.*)$", "^@server/(.*)$", "^@ui/(.*)$", "^[./]"],
  importOrderSeparation: true,
  importOrderSortSpecifiers: true,
};

And this is my package.json

{
  "name": "test",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "build": "vite build",
    "dev": "vite",
    "lint:prettier": "prettier --write  \"src/**/*.{js,json,jsx,css,less,scss,vue,html,md}\""
  },
  "dependencies": {
    "vue": "^3.2.45"
  },
  "devDependencies": {
    "@trivago/prettier-plugin-sort-imports": "^4.0.0",
    "@vitejs/plugin-vue": "^4.0.0",
    "prettier": "^2.8.1",
    "vite": "^4.0.3"
  }
}

[IanVS]

The jsx plugin is included by default in importOrderParserPlugins, along with typescript. You could try changing your config to be:

module.exports = {
  importOrder: ["^@core/(.*)$", "^@server/(.*)$", "^@ui/(.*)$", "^[./]"],
  importOrderSeparation: true,
  importOrderSortSpecifiers: true,
  importOrderParserPlugins: []
};