no idea what I'm doing

added some sharkey screenshots for reference
stuff

frontend-reactive/app/models/remote-server.js

@@ -0,0 +1,8 @@
+import Model, { attr } from "@ember-data/model";
+
+export default class RemoteServerModel extends Model {
+	@attr("string") serverType;
+	@attr("string") name;
+	@attr("string") iconUrl;
+	@attr("boolean") isSelf;
+}

frontend-reactive/tests/integration/components/note-test.ts

@@ -1,12 +1,12 @@
-import { module, test } from "qunit";
+import { module, test } from 'qunit';
-import { setupRenderingTest } from "frontend-reactive/tests/helpers";
+import { setupRenderingTest } from 'frontend-reactive/tests/helpers';
-import { render } from "@ember/test-helpers";
+import { render } from '@ember/test-helpers';
-import { hbs } from "ember-cli-htmlbars";
+import { hbs } from 'ember-cli-htmlbars';
 
-module("Integration | Component | note", function(hooks) {
+module('Integration | Component | note', function (hooks) {
   setupRenderingTest(hooks);
 
-  test("it renders", async function(assert) {
+  test('it renders', async function (assert) {
     // Set any properties with this.set('myProperty', 'value');
     // Handle any actions with this.set('myAction', function(val) { ... });
 
@@ -14,8 +14,8 @@ module("Integration | Component | note", function(hooks) {
       <Note @displayname="bob" @username="alice" @serverdomain="example.com" @content="some content"/>
     `);
 
-    assert.dom("p.note-user-displayname").hasText("bob");
+    assert.dom('p.note-user-displayname').hasText('bob');
-    assert.dom("p.note-user-handle").hasText("@alice@example.com");
+    assert.dom('p.note-user-handle').hasText('@alice@example.com');
-    assert.dom("p.note-content-text").hasText("some content");
+    assert.dom('p.note-content-text').hasText('some content');
   });
 });

frontend-reactive/tests/integration/components/note/user-header-test.ts

@@ -1,12 +1,12 @@
-import { module, test } from "qunit";
+import { module, test } from 'qunit';
-import { setupRenderingTest } from "frontend-reactive/tests/helpers";
+import { setupRenderingTest } from 'frontend-reactive/tests/helpers';
-import { render } from "@ember/test-helpers";
+import { render } from '@ember/test-helpers';
-import { hbs } from "ember-cli-htmlbars";
+import { hbs } from 'ember-cli-htmlbars';
 
-module("Integration | Component | note/user-header", function(hooks) {
+module('Integration | Component | note/user-header', function (hooks) {
   setupRenderingTest(hooks);
 
-  test("it renders", async function(assert) {
+  test('it renders', async function (assert) {
     // Set any properties with this.set('myProperty', 'value');
     // Handle any actions with this.set('myAction', function(val) { ... });
 
@@ -14,7 +14,7 @@ module("Integration | Component | note/user-header", function(hooks) {
       hbs`<Note::UserHeader @displayname="bob" @handle="@alice@example.com"/>`,
     );
 
-    assert.dom("p.note-user-displayname").hasText("bob");
+    assert.dom('p.note-user-displayname').hasText('bob');
-    assert.dom("p.note-user-handle").hasText("@alice@example.com");
+    assert.dom('p.note-user-handle').hasText('@alice@example.com');
   });
 });

frontend-reactive/tests/unit/models/remote-server-test.js

@@ -0,0 +1,13 @@
+import { setupTest } from 'frontend-reactive/tests/helpers';
+import { module, test } from 'qunit';
+
+module('Unit | Model | remote server', function (hooks) {
+  setupTest(hooks);
+
+  // Replace this with your real tests.
+  test('it exists', function (assert) {
+    const store = this.owner.lookup('service:store');
+    const model = store.createRecord('remote-server', {});
+    assert.ok(model, 'model exists');
+  });
+});

frontend-reactive/types/global.d.ts

@@ -1 +1,2 @@
 import '@glint/environment-ember-loose';
+import 'ember-source/types';