From c2d4638ee1cc09291726cd5864fd58cc920b2e12 Mon Sep 17 00:00:00 2001
From: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Date: Wed, 20 Oct 2021 14:42:06 +0200
Subject: [PATCH] DEV: drops jquery usage from wizard-canvas (#14662)

---
 .../javascripts/wizard/components/wizard-canvas.js    | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/assets/javascripts/wizard/components/wizard-canvas.js b/app/assets/javascripts/wizard/components/wizard-canvas.js
index 0e7db41211..35dc7bc551 100644
--- a/app/assets/javascripts/wizard/components/wizard-canvas.js
+++ b/app/assets/javascripts/wizard/components/wizard-canvas.js
@@ -1,3 +1,4 @@
+import { bind } from "discourse-common/utils/decorators";
 import Component from "@ember/component";
 const MAX_PARTICLES = 150;
 
@@ -75,17 +76,19 @@ export default Component.extend({
     this.ready = true;
     this.paint();
 
-    $(window).on("resize.wizard", () => this.resized());
+    window.addEventListener("resize", this.resized);
   },
 
   willDestroyElement() {
     this._super(...arguments);
-    $(window).off("resize.wizard");
+
+    window.removeEventListener("resize", this.resized);
   },
 
+  @bind
   resized() {
-    width = $(window).width();
-    height = $(window).height();
+    width = window.innerWidth;
+    height = window.innerHeight;
 
     const canvas = this.element;
     canvas.width = width;