chore: make embroider safe

addon/components/relationship-select.hbs

@@ -4,27 +4,22 @@
   ...attributes
   {{did-insert (perform this.fetchModels)}}
 />
-{{#let
-  (component (if @multiple "power-select-multiple" "power-select"))
-  as |RelationPowerSelect|
-}}
-  <RelationPowerSelect
-    @searchEnabled={{this.searchEnabled}}
-    @search={{perform this.fetchModels}}
-    @options={{this.models}}
-    @selected={{@selected}}
-    @placeholder={{if
-      this.fetchModels.isRunning
-      (t "emeis.loading")
-      @placeholder
-    }}
-    @noMatchesMessage={{t "emeis.empty"}}
-    @renderInPlace={{true}}
-    @allowClear={{true}}
-    @onChange={{@onChange}}
-    {{did-update (perform this.fetchModels) @model}}
-    as |model|
-  >
-    {{yield model}}
-  </RelationPowerSelect>
-{{/let}}
+<this.selectComponent
+  @searchEnabled={{this.searchEnabled}}
+  @search={{perform this.fetchModels}}
+  @options={{this.models}}
+  @selected={{@selected}}
+  @placeholder={{if
+    this.fetchModels.isRunning
+    (t "emeis.loading")
+    @placeholder
+  }}
+  @noMatchesMessage={{t "emeis.empty"}}
+  @renderInPlace={{true}}
+  @allowClear={{true}}
+  @onChange={{@onChange}}
+  {{did-update (perform this.fetchModels) @model}}
+  as |model|
+>
+  {{yield model}}
+</this.selectComponent>

addon/components/relationship-select.js

@@ -2,6 +2,8 @@ import { inject as service } from "@ember/service";
 import { isTesting, macroCondition } from "@embroider/macros";
 import Component from "@glimmer/component";
 import { restartableTask, lastValue, timeout } from "ember-concurrency";
+import PowerSelect from "ember-power-select/components/power-select";
+import PowerSelectMultiple from "ember-power-select/components/power-select-multiple";
 
 import { handleTaskErrors } from "ember-emeis/-private/decorators";
 
@@ -16,6 +18,10 @@ export default class RelationshipSelectComponent extends Component {
     return this.models && this.args.modelName && this.models.length > 5;
   }
 
+  get selectComponent() {
+    return this.args.multiple ? PowerSelectMultiple : PowerSelect;
+  }
+
   @restartableTask
   @handleTaskErrors
   *fetchModels(search) {

app/decorators/localized-attr.js

@@ -1 +1 @@
-export { default } from "ember-emeis/decorators/localized-attrs";
+export { default } from "ember-emeis/decorators/localized-attr";

ember-cli-build.js

@@ -13,9 +13,13 @@ module.exports = function (defaults) {
     This build file does *not* influence how the addon or the app using it
     behave. You most likely want to be modifying `./index.js` or app's build file
   */
-
-  const { maybeEmbroider } = require("@embroider/test-setup");
-  return maybeEmbroider(app, {
+  const { Webpack } = require("@embroider/webpack");
+  return require("@embroider/compat").compatBuild(app, Webpack, {
+    staticAddonTestSupportTrees: true,
+    staticAddonTrees: true,
+    staticHelpers: true,
+    staticModifiers: true,
+    staticComponents: true,
     skipBabel: [
       {
         package: "qunit",

package.json

@@ -75,7 +75,10 @@
     "@commitlint/config-conventional": "17.6.5",
     "@ember/optional-features": "2.0.0",
     "@ember/test-helpers": "2.9.3",
+    "@embroider/compat": "3.1.3",
+    "@embroider/core": "3.1.1",
     "@embroider/test-setup": "3.0.1",
+    "@embroider/webpack": "3.1.1",
     "@faker-js/faker": "6.2.0",
     "broccoli-asset-rev": "3.0.0",
     "concurrently": "7.6.0",
@@ -114,7 +117,7 @@
     "qunit": "2.19.4",
     "qunit-dom": "2.0.0",
     "sass": "1.56.1",
-    "webpack": "5.81.0"
+    "webpack": "5.88.1"
   },
   "peerDependencies": {
     "ember-source": "^3.28.0 || ^4.0.0"