fix for ember 4

addon/components/mobile-menu/link-to.hbs

@@ -0,0 +1,11 @@
+<LinkTo
+  @route={{@route}}
+  @disabled={{@disabled}}
+  @current-when={{@current-when}}
+  @models={{this.models}}
+  @query={{this.query}}
+  {{on "click" this.click}}
+  ...attributes
+>
+  {{yield}}
+</LinkTo>

addon/components/mobile-menu/link-to.js

@@ -1,29 +1,29 @@
-/* eslint-disable ember/no-classic-classes, ember/no-component-lifecycle-hooks */
-import { LinkComponent } from '@ember/legacy-built-in-components';
+import Component from '@glimmer/component';
+import { action } from '@ember/object';
 
 /**
  * An extended LinkTo component which provides an onClick hook.
  *
  * @class LinkTo
  * @public
  */
-export default LinkComponent.extend({
-  didReceiveAttrs() {
-    this._super(...arguments);
+export default class LinkToComponent extends Component {
+  get models() {
+    if (this.args.models) {
+      return this.args.models;
+    }
+    if (this.args.model) {
+      return [this.args.model];
+    }
+    return [];
+  }
 
-    this.set('current-when', this.qualifiedRouteName);
-  },
-
-  /**
-   * Hook called when the link is clicked.
-   *
-   * @argument onClick
-   * @type function
-   * @default function(){}
-   */
-  onClick() {},
+  get query() {
+    return this.args.query || {};
+  }
 
+  @action
   click() {
-    this.onClick();
-  },
-});
+    this.args?.onClick();
+  }
+}

package.json

@@ -35,7 +35,6 @@
     "prepare": "node ./compile-css.js"
   },
   "dependencies": {
-    "@ember/legacy-built-in-components": "^0.4.0",
     "@ember/render-modifiers": "^2.0.0",
     "@glimmer/component": "^1.0.4",
     "@glimmer/tracking": "^1.0.4",