fix prettier

.npmrc

@@ -2,12 +2,10 @@ prefer-workspace-packages=true
 
 #https://pnpm.io/blog/2020/10/17/node-modules-configuration-options-with-pnpm#plugnplay-the-strictest-configuration
 hoist=false
-# hoist-pattern[]=autoprefixer
-# hoist-pattern[]=redux-mock-store
+
 #########################################
 # WARNGING Add public-hoist-pattern ONLY if you don't have other solution
 #########################################
-
 # ES LINT
 public-hoist-pattern[]=eslint-plugin-angular
 public-hoist-pattern[]=eslint-plugin-cypress
@@ -24,7 +22,6 @@ public-hoist-pattern[]=eslint-plugin-testing-library
 # STYLE LINT
 public-hoist-pattern[]=postcss-scss
 public-hoist-pattern[]=stylelint-config-sass-guidelines
-#public-hoist-pattern[]=*eslint*
 
 # JEST
 public-hoist-pattern[]=jest-environment-jsdom

.vscode/settings.json

@@ -1,5 +1,6 @@
 {
   "prettier.prettierPath": "./node_modules/prettier/index.cjs",
+  "prettier.configPath": ".prettierrc.js",
   "eslint.workingDirectories": [
     {
       "pattern": "packages/**"

tools/scripts-config-prettier/.prettierrc.js

@@ -3,6 +3,7 @@ const path = require('path');
 const isTS = fs.existsSync(path.join(process.cwd(), 'tsconfig.json'));
 
 module.exports = {
+	plugins: [require.resolve('@trivago/prettier-plugin-sort-imports')],
 	importOrder: [
 		'^@babel/polyfill',
 		'jquery', // jquery needs to be imported before angular
@@ -15,7 +16,7 @@ module.exports = {
 		'.*scss',
 	],
 	importOrderSeparation: true,
-	experimentalBabelParserPluginsList: ['jsx', isTS && 'typescript'].filter(Boolean),
+	importOrderParserPlugins: ['jsx', isTS && 'typescript'].filter(Boolean),
 	printWidth: 100,
 	singleQuote: true,
 	trailingComma: 'all',

tools/scripts-config-prettier/package.json

@@ -18,5 +18,8 @@
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
+  },
+  "dependencies": {
+    "@trivago/prettier-plugin-sort-imports": "^3.4.0"
   }
 }