Deprecation fixes, styling

app/components/recipe-preview.hbs

@@ -1,6 +1,6 @@
 <div class="max-w-sm w-full lg:max-w-full lg:flex">
-  <div class="h-48 lg:h-auto lg:w-48 flex-none bg-cover text-center overflow-hidden"
-       style="background-image: url('{{@meal.mealThumb}}')">
+  <div class="h-48 lg:h-auto lg:w-48 flex-none">
+    <img src={{@meal.mealThumb}} alt="" class="h-full w-full object-cover">
   </div>
   <div class="border-r border-b border-l border-gray-400 lg:border-l-0 lg:border-t lg:border-gray-400 bg-white p-4 flex flex-col justify-between leading-normal">
     <div class="mb-8">
@@ -8,7 +8,7 @@
         {{@meal.name}}
       </div>
       <p class="text-gray-700 text-base">
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatibus quia, nulla! Maiores et perferendis eaque, exercitationem praesentium nihil.
+        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
       </p>
     </div>
     <div>

app/serializers/application.js

@@ -0,0 +1,4 @@
+import JSONAPISerializer from '@ember-data/serializer/json-api';
+
+export default class ApplicationSerializer extends JSONAPISerializer {
+}

app/templates/meal.hbs

@@ -2,11 +2,12 @@
   {{@model.name}}
 </h1>
 
+<img src={{@model.mealThumb}} alt="" class="float-right w-1/3 rounded-lg ml-8 mb-4 shadow-lg border-8 border-white">
+
 <p class="text-gray-700 text-base whitespace-pre-line">
   {{@model.instructions}}
 </p>
 
-
 <div class="mt-4">
   <MealTag>{{@model.category}}</MealTag>
   <MealTag>{{@model.area}}</MealTag>

tests/unit/serializers/application-test.js

@@ -0,0 +1,23 @@
+import { module, test } from 'qunit';
+import { setupTest } from 'ember-qunit';
+
+module('Unit | Serializer | application', function(hooks) {
+  setupTest(hooks);
+
+  // Replace this with your real tests.
+  test('it exists', function(assert) {
+    let store = this.owner.lookup('service:store');
+    let serializer = store.serializerFor('application');
+
+    assert.ok(serializer);
+  });
+
+  test('it serializes records', function(assert) {
+    let store = this.owner.lookup('service:store');
+    let record = store.createRecord('application', {});
+
+    let serializedRecord = record.serialize();
+
+    assert.ok(serializedRecord);
+  });
+});