update packages and fix some lint

docs/.eslintrc.js

@@ -27,6 +27,7 @@ module.exports = {
     'no-console': ['error'],
     'no-var': ['error'],
     'prefer-const': ['error'],
+    'qunit/require-expect': 'off',
   },
   overrides: [
     // node files

docs/app/controllers/helpers-documentation/liquid-bind-block/page.js

@@ -9,7 +9,7 @@ export default class HelpersDocumentationLiquidBindBlockPageController extends C
   higher(model) {
     this.router.transitionTo(
       'helpers-documentation.liquid-bind-block.page',
-      model.get('id') + 1
+      model.get('id') + 1,
     );
   }
 }

docs/app/transitions.js

@@ -9,7 +9,7 @@ export default function () {
     this.fromRoute('helpers-documentation.liquid-outlet.index'),
     this.toRoute('helpers-documentation.liquid-outlet.other'),
     this.use('toLeft'),
-    this.reverse('toRight')
+    this.reverse('toRight'),
   );
   // END-SNIPPET
 
@@ -29,13 +29,13 @@ export default function () {
 
     // which means we can also apply a reverse rule for transitions to
     // the false state.
-    this.reverse('toLeft', { duration })
+    this.reverse('toLeft', { duration }),
   );
   // END-SNIPPET
 
   this.transition(
     this.childOf('#interrupted-fade-demo'),
-    this.use('fade', { duration: Ember.testing ? 100 : 1500 })
+    this.use('fade', { duration: Ember.testing ? 100 : 1500 }),
   );
 
   // BEGIN-SNIPPET explode-demo-1
@@ -62,8 +62,8 @@ export default function () {
         // includes both fading out and fading in steps, each of which
         // spends `duration` milliseconds.
         use: ['fade', { duration: duration / 2 }],
-      }
-    )
+      },
+    ),
   );
   // END-SNIPPET
 
@@ -81,21 +81,21 @@ export default function () {
       // moving from the position of oldElement to the position of
       // newElement.
       use: ['fly-to', { duration, easing: 'spring' }],
-    })
+    }),
   );
   // END-SNIPPET
 
   // BEGIN-SNIPPET toLeft-demo
   this.transition(
     this.hasClass('toLeft-demo'),
-    this.use('toLeft', { duration })
+    this.use('toLeft', { duration }),
   );
   // END-SNIPPET
 
   // BEGIN-SNIPPET crossFade-demo
   this.transition(
     this.hasClass('crossFade-demo'),
-    this.use('crossFade', { duration: duration * 2 })
+    this.use('crossFade', { duration: duration * 2 }),
   );
   // END-SNIPPET
 
@@ -106,7 +106,7 @@ export default function () {
   // BEGIN-SNIPPET scrollThen-demo
   this.transition(
     this.hasClass('scrollThen-demo'),
-    this.use('scrollThen', 'toLeft', { duration })
+    this.use('scrollThen', 'toLeft', { duration }),
   );
   // END-SNIPPET
 
@@ -117,39 +117,39 @@ export default function () {
   // BEGIN-SNIPPET wait-demo
   this.transition(
     this.hasClass('wait-demo'),
-    this.use('wait', 1000, { then: 'fade' })
+    this.use('wait', 1000, { then: 'fade' }),
   );
   // END-SNIPPET
 
   this.transition(
     this.childOf('#inline-serial-scenario'),
-    this.use('fade', { duration: 1000 })
+    this.use('fade', { duration: 1000 }),
   );
 
   this.transition(
     this.childOf('#inline-scenario'),
     this.toValue(true),
     this.use('toLeft', { duration: 1000 }),
-    this.reverse('toRight', { duration: 1000 })
+    this.reverse('toRight', { duration: 1000 }),
   );
 
   this.transition(
     this.fromRoute('scenarios.nested-outlets.middle'),
     this.toRoute('scenarios.nested-outlets.middle2'),
     this.use('fade', { duration: Ember.testing ? 100 : 1000 }),
-    this.reverse('fade', { duration: Ember.testing ? 10 : 1000 })
+    this.reverse('fade', { duration: Ember.testing ? 10 : 1000 }),
   );
 
   this.transition(
     this.fromRoute('scenarios.nested-outlets.middle.index'),
     this.toRoute('scenarios.nested-outlets.middle.inner'),
     this.use('fade', { duration: Ember.testing ? 10 : 1000 }),
-    this.reverse('fade', { duration: Ember.testing ? 10 : 1000 })
+    this.reverse('fade', { duration: Ember.testing ? 10 : 1000 }),
   );
 
   this.transition(
     this.childOf('#versions-test'),
-    this.use('fade', { duration: 500 })
+    this.use('fade', { duration: 500 }),
   );
 
   this.transition(
@@ -169,7 +169,7 @@ export default function () {
       },
       {
         use: ['toLeft', { duration: 1500 }],
-      }
+      },
     ),
     this.reverse(
       'explode',
@@ -185,30 +185,30 @@ export default function () {
       },
       {
         use: ['toRight', { duration: 1500 }],
-      }
-    )
+      },
+    ),
   );
 
   this.transition(
     this.hasClass('hero-sort'),
     this.use('explode', {
       matchBy: 'data-model-id',
       use: ['flyTo', { duration: 500, easing: [250, 15] }],
-    })
+    }),
   );
 
   this.transition(
     this.hasClass('nested-explode-transition-scenario'),
     this.use('explode', {
       pick: '.child',
       use: ['toLeft', { duration: 500 }],
-    })
+    }),
   );
 
   this.transition(
     this.includingInitialRender(),
     this.outletName('test'),
-    this.use('toLeft')
+    this.use('toLeft'),
   );
 
   this.transition(
@@ -219,25 +219,25 @@ export default function () {
       );
     }),
     this.use('toLeft'),
-    this.reverse('toRight')
+    this.reverse('toRight'),
   );
 
   this.transition(
     this.fromRoute('scenarios.interrupted-move.index'),
     this.toRoute('scenarios.interrupted-move.two'),
     this.use('toLeft', { duration: 1500 }),
-    this.reverse('toRight', { duration: 1500 })
+    this.reverse('toRight', { duration: 1500 }),
   );
   this.transition(
     this.fromRoute('scenarios.interrupted-move.two'),
     this.toRoute('scenarios.interrupted-move.three'),
     this.use('toLeft', { duration: 1500 }),
-    this.reverse('toRight', { duration: 1500 })
+    this.reverse('toRight', { duration: 1500 }),
   );
   this.transition(
     this.fromRoute('scenarios.interrupted-move.index'),
     this.toRoute('scenarios.interrupted-move.three'),
     this.use('toLeft', { duration: 1500 }),
-    this.reverse('toRight', { duration: 1500 })
+    this.reverse('toRight', { duration: 1500 }),
   );
 }

docs/app/transitions/rotate-below.js

@@ -18,7 +18,7 @@ export default function rotateBelow(opts = {}) {
     animate(
       this.newElement,
       { rotateZ: ['0deg', 90 * direction + 'deg'] },
-      opts
+      opts,
     ),
   ]);
 }

docs/fastboot-tests/demos-test.js

@@ -30,14 +30,14 @@ Qmodule('Fastboot', function (hooks) {
       if (page.statusCode >= 300 && page.statusCode < 400) {
         const location = new URL(
           page.headers.headers.location[0],
-          'http://localhost:4200'
+          'http://localhost:4200',
         );
         return await navigateForward(location.pathname);
       }
       assert.strictEqual(
         page.statusCode,
         200,
-        `Expected status 200 for ${url}`
+        `Expected status 200 for ${url}`,
       );
       const html = await page.html();
       const dom = new JSDOM(html);

docs/package.json

@@ -23,23 +23,24 @@
     "test:fastboot": "qunit fastboot-tests"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.22.5",
-    "@babel/plugin-proposal-decorators": "^7.22.5",
+    "@babel/eslint-parser": "^7.22.9",
+    "@babel/plugin-proposal-decorators": "^7.22.7",
     "@ember/optional-features": "^2.0.0",
     "@ember/string": "^3.1.1",
-    "@ember/test-helpers": "^3.0.3",
+    "@ember/test-helpers": "^3.2.0",
     "@embroider/test-setup": "^3.0.1",
-    "@embroider/macros": "^1.11.1",
+    "@embroider/macros": "^1.13.1",
+    "@embroider/util": "^1.12.0",
     "@glimmer/component": "^1.1.2",
     "@glimmer/tracking": "^1.1.2",
     "broccoli-asset-rev": "^3.0.0",
     "concurrently": "^8.2.0",
     "ember-auto-import": "^2.6.3",
     "ember-cli": "~4.12.0",
-    "ember-cli-app-version": "^6.0.0",
+    "ember-cli-app-version": "^6.0.1",
     "ember-cli-babel": "^7.26.11",
     "ember-cli-clean-css": "^2.0.0",
-    "ember-cli-dependency-checker": "^3.3.1",
+    "ember-cli-dependency-checker": "^3.3.2",
     "ember-cli-htmlbars": "^6.2.0",
     "ember-cli-inject-live-reload": "^2.1.0",
     "ember-cli-sri": "^2.1.1",
@@ -51,27 +52,26 @@
     "ember-modifier": "^4.1.0",
     "ember-page-title": "^7.0.0",
     "ember-qunit": "^7.0.0",
-    "ember-resolver": "^10.1.0",
+    "ember-resolver": "^11.0.0",
     "ember-source": "~4.12.0",
     "ember-source-channel-url": "^3.0.0",
-    "ember-template-lint": "^5.10.1",
+    "ember-template-lint": "^5.11.1",
     "ember-try": "^2.0.0",
-    "eslint": "^8.42.0",
-    "eslint-config-prettier": "^8.8.0",
-    "eslint-plugin-ember": "^11.8.0",
-    "eslint-plugin-n": "^16.0.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-qunit": "^7.3.4",
+    "eslint": "^8.46.0",
+    "eslint-config-prettier": "^8.10.0",
+    "eslint-plugin-ember": "^11.10.0",
+    "eslint-plugin-n": "^16.0.1",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-qunit": "^8.0.0",
     "loader.js": "^4.7.0",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.0",
     "qunit": "^2.19.4",
     "qunit-dom": "^2.0.0",
-    "stylelint": "^15.7.0",
-    "stylelint-config-standard": "^33.0.0",
-    "stylelint-prettier": "^3.0.0",
+    "stylelint": "^15.10.2",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-prettier": "^4.0.2",
     "tracked-built-ins": "^3.1.1",
-    "webpack": "^5.86.0",
-    "@embroider/util": "^1.11.1",
+    "webpack": "^5.88.2",
     "bootstrap": "^4.6.0",
     "ember-cli-fastboot": "^4.1.1",
     "ember-cli-sass": "^11.0.1",
@@ -82,8 +82,8 @@
     "moment": "^2.29.4",
     "prember": "^2.0.0",
     "prismjs": "^1.29.0",
-    "sass": "^1.63.3",
-    "sinon": "^15.1.2",
+    "sass": "^1.64.2",
+    "sinon": "^15.2.0",
     "velocity-animate": "^1.5.2"
   },
   "fastbootDependencies": [

docs/snippets/debug-example.js

@@ -6,5 +6,5 @@ this.transition(
   this.fromRoute('foo'),
   this.toRoute('bar'),
   this.use('crossFade'),
-  this.debug()
+  this.debug(),
 );

docs/snippets/empty-outlet-transition.js

@@ -1,5 +1,5 @@
 this.transition(
   this.fromRoute(null),
   this.toRoute('main-route.edit'),
-  this.use('toUp')
+  this.use('toUp'),
 );

docs/snippets/media-match-examples.js

@@ -2,19 +2,19 @@
 this.transition(
   this.toRoute('foo'),
   this.media('(max-width: 320px)'),
-  this.use('toLeft')
+  this.use('toLeft'),
 );
 
 // Matches screens between 321px and 768px. Like large phones and tablets.
 this.transition(
   this.toRoute('foo'),
   this.media('(min-width: 321px) and (max-width: 768px)'),
-  this.use('fade')
+  this.use('fade'),
 );
 
 // Matches screens with a width larger than the height
 this.transition(
   this.toRoute('foo'),
   this.media('(orientation:landscape)'),
-  this.use('toBottom')
+  this.use('toBottom'),
 );

docs/snippets/nested-router-transition-map.js

@@ -3,12 +3,12 @@ export default function () {
     this.fromRoute('index'),
     this.toRoute('posts'),
     this.use('toLeft'),
-    this.reverse('toRight')
+    this.reverse('toRight'),
   );
   this.transition(
     this.fromRoute('posts.index'),
     this.toRoute('posts.new'),
     this.use('crossFade'),
-    this.reverse('crossFade')
+    this.reverse('crossFade'),
   );
 }

docs/snippets/outlet-match-examples.js

@@ -8,7 +8,7 @@ this.transition(
   this.outletName('panel'),
   this.fromRoute(null),
   this.use('toLeft', { duration: 100, easing: 'easeInOut' }),
-  this.reverse('toRight', { duration: 500, easing: 'easeInOut' })
+  this.reverse('toRight', { duration: 500, easing: 'easeInOut' }),
 );
 
 // Matches the default outlet only