chore: add decorators-legacy to Prettier for proper jsx formatting (#2196)

Author: ghiscoding

.prettierrc

@@ -5,6 +5,7 @@
   "singleQuote": true,
   "trailingComma": "es5",
   "plugins": ["@prettier/plugin-oxc", "@ianvs/prettier-plugin-sort-imports"],
+  "importOrderParserPlugins": ["typescript", "jsx", "decorators-legacy", "@ianvs/prettier-plugin-sort-imports"],
   "overrides": [
     {
       "files": ["**/*.{js,mjs,cjs,jsx}"],

demos/aurelia/src/examples/slickgrid/example10.ts

@@ -1,6 +1,5 @@
 import { bindable } from 'aurelia';
-import { type AureliaGridInstance, type Column, Filters, Formatters, type GridOption, type GridStateChange } from 'aurelia-slickgrid';
-
+import { Filters, Formatters, type AureliaGridInstance, type Column, type GridOption, type GridStateChange } from 'aurelia-slickgrid';
 import './example10.scss'; // provide custom CSS/SASS styling
 
 export class Example10 {

demos/aurelia/src/examples/slickgrid/example19-detail-view.ts

@@ -1,7 +1,6 @@
 import type { SlickRowDetailView } from '@slickgrid-universal/row-detail-view-plugin';
 import { bindable } from 'aurelia';
 import type { SlickDataView, SlickGrid } from 'aurelia-slickgrid';
-
 import './example19-detail-view.scss';
 
 interface Item {

demos/aurelia/src/examples/slickgrid/example19.ts

@@ -1,6 +1,5 @@
 import { bindable } from 'aurelia';
-import { type AureliaGridInstance, type Column, Editors, ExtensionName, Filters, Formatters, type GridOption } from 'aurelia-slickgrid';
-
+import { Editors, ExtensionName, Filters, Formatters, type AureliaGridInstance, type Column, type GridOption } from 'aurelia-slickgrid';
 import { ExampleDetailPreload } from './example-detail-preload.js';
 import { Example19DetailView } from './example19-detail-view.js';
 

demos/aurelia/src/examples/slickgrid/example21.ts

@@ -1,6 +1,5 @@
 import { bindable } from 'aurelia';
-import { type AureliaGridInstance, type Column, Formatters, type GridOption, type OperatorString } from 'aurelia-slickgrid';
-
+import { Formatters, type AureliaGridInstance, type Column, type GridOption, type OperatorString } from 'aurelia-slickgrid';
 import './example21.scss';
 
 export class Example21 {

demos/aurelia/src/examples/slickgrid/example28.ts

@@ -3,18 +3,17 @@ import { bindable } from 'aurelia';
 import {
   addWhiteSpaces,
   Aggregators,
-  type AureliaGridInstance,
-  type Column,
   decimalFormatted,
   Filters,
   findItemInTreeStructure,
-  type Formatter,
   Formatters,
-  type GridOption,
   isNumber,
+  type AureliaGridInstance,
+  type Column,
+  type Formatter,
+  type GridOption,
   type SlickDataView,
 } from 'aurelia-slickgrid';
-
 import './example28.scss'; // provide custom CSS/SASS styling
 
 export class Example28 {

demos/aurelia/src/examples/slickgrid/example42-pager.ts

@@ -7,7 +7,6 @@ import type {
   Subscription,
 } from '@slickgrid-universal/common';
 import { bindable, customElement, resolve } from 'aurelia';
-
 import './example42-pager.scss';
 
 /** Custom Pagination Componnet, please note that you MUST `implements BasePaginationComponent` with required functions */

demos/aurelia/src/examples/slickgrid/example42.ts

@@ -1,16 +1,15 @@
 import { bindable } from 'aurelia';
 import {
+  Filters,
+  Formatters,
+  OperatorType,
   type AureliaGridInstance,
   type Column,
-  Formatters,
   type GridOption,
   type MultipleSelectOption,
-  Filters,
-  OperatorType,
   type Pagination,
   type SliderRangeOption,
 } from 'aurelia-slickgrid';
-
 import { CustomPagerComponent } from './example42-pager.js';
 
 const NB_ITEMS = 5000;

demos/aurelia/src/examples/slickgrid/example45-detail-view.ts

@@ -1,6 +1,5 @@
 import { bindable } from 'aurelia';
 import { type AureliaGridInstance, type Column, type GridOption, type GridState } from 'aurelia-slickgrid';
-
 import './example45-detail-view.scss';
 
 export interface Distributor {

demos/aurelia/src/examples/slickgrid/example45.ts

@@ -1,9 +1,8 @@
 import { faker } from '@faker-js/faker';
 import { bindable } from 'aurelia';
-import { type AureliaGridInstance, type Column, ExtensionName, type GridOption, type SlickRowDetailView } from 'aurelia-slickgrid';
-
+import { ExtensionName, type AureliaGridInstance, type Column, type GridOption, type SlickRowDetailView } from 'aurelia-slickgrid';
+import { Example45DetailView, type Distributor, type OrderData } from './example45-detail-view.js';
 import { Example45Preload } from './example45-preload.js';
-import { type Distributor, Example45DetailView, type OrderData } from './example45-detail-view.js';
 
 const FAKE_SERVER_DELAY = 250;
 const NB_ITEMS = 995;