Move recipe image assets to assets folder and update imports/docs.

.netlify/functions-src/getRecipes.js

@@ -1,13 +1,13 @@
-import recipes from '../../src/recipes';
+import { getRecipes } from '../../src/recipes/index';
 
 exports.handler = function(event, context, callback) {
-  const r = recipes.getRecipes();
+  // const r = recipes.getRecipes();
 
   return callback(null, {
     statusCode: 200,
     headers: {
       'Content-Type': 'application/json',
     },
-    body: JSON.stringify({ recipes: r }),
+    // body: JSON.stringify({ recipes: r }),
   });
 }

CONTRIBUTING.md

@@ -42,7 +42,7 @@ The [/src/recipes/](/src/recipes/) directory contains all the drink recipes as a
 }
 ```
 
-* Add an image to the [/src/recipes/img](/src/recipes/img/).
+* Add an image to the [/src/assets/recipes/](/src/assets/recipes/).
   * Filename should match recipe filename
   * JPG format, **600x400px** if possible, 200KB max in size
 * source is an optional field

src/components/Recipe.vue

@@ -34,7 +34,7 @@
 
     <b-img
       class="mb-4"
-      :src="drink.image ? require(`@/recipes/img/${drink.image}`) : null"
+      :src="drink.image ? require(`@/assets/recipes/${drink.image}`) : null"
       :alt="drink.name"
       rounded
       fluid-grow

src/components/RecipeList.vue

@@ -4,7 +4,7 @@
       <div v-for="(o, i) in paginatedItems" v-bind:key="i" class="mb-2 p-1">
         <b-card
           :title="o.name"
-          :img-src="o.image ? require(`@/recipes/img/${o.image}`) : null"
+          :img-src="o.image ? require(`@/assets/recipes/${o.image}`) : null"
           :img-alt="o.name"
           img-top
           style="max-width: 20rem;"

src/components/RecipeTile.vue

@@ -7,7 +7,7 @@
   >
     <b-link :href="'/recipe/' + drink.filename">
       <b-card-img-lazy
-        :src="drink.image ? require(`@/recipes/img/${drink.image}`) : null"
+        :src="drink.image ? require(`@/assets/recipes/${drink.image}`) : null"
         :alt="drink.name"
         top
       />

src/recipes/index.js

@@ -9,14 +9,14 @@ function requireAll(r) {
   return r.keys();
 }
 
-const recipes = requireAll(require.context('./', true, /\.json$/));
+const recipes = requireAll(require.context('./json/', true, /\.json$/));
 
 function getRecipes() {
   const items = [];
 
   recipes.forEach(i => {
     const r = i.replace('./', '').replace('.json', '');
-    const item = require(`./${r}`);
+    const item = require(`./json/${r}`);
     item.filename = r;
     items.push(item);
   });
@@ -31,7 +31,7 @@ function getRecipesByKeywords(keyword) {
 
 function getRecipe(id) {
   const r = id.replace('./', '').replace('.json', '');
-  const item = require(`./${r}`);
+  const item = require(`./json/${r}`);
   item.filename = r;
   return item;
 }

src/recipes/brunswick-cocktail.json → src/recipes/json/brunswick-cocktail.json

@@ -1,39 +1,39 @@
-{
-    "name": "Brunswick Cocktail",
-    "description": "Cocktail featuring wine floated over whiskey",
-    "github": "ajciancimino",
-    "ingredients": [
-        {
-            "quantity": "2",
-            "measure": "parts",
-            "ingredient": "whiskey (Tennessee rye preferred)"
-        },
-        {
-            "quantity": "1/2",
-            "measure": "parts",
-            "ingredient": "simple syrup"
-        },
-        {
-            "quantity": "3/4",
-            "measure": "parts",
-            "ingredient": "lemon juice"
-        },
-        {
-            "quantity": "3/4",
-            "measure": "parts",
-            "ingredient": "red wine"
-        }
-    ],
-    "directions": [
-        "Mix all ingredients but wine and shake w/ ice",
-        "Strain into rocks glass over ice",
-        "Float wine over mixture"
-    ],
-    "image": "brunswick-cocktail.jpg",
-    "keywords": [
-        "wine",
-        "cocktail",
-        "alcoholic",
-        "whiskey"
-    ]
-}
+{
+    "name": "Brunswick Cocktail",
+    "description": "Cocktail featuring wine floated over whiskey",
+    "github": "ajciancimino",
+    "ingredients": [
+        {
+            "quantity": "2",
+            "measure": "parts",
+            "ingredient": "whiskey (Tennessee rye preferred)"
+        },
+        {
+            "quantity": "1/2",
+            "measure": "parts",
+            "ingredient": "simple syrup"
+        },
+        {
+            "quantity": "3/4",
+            "measure": "parts",
+            "ingredient": "lemon juice"
+        },
+        {
+            "quantity": "3/4",
+            "measure": "parts",
+            "ingredient": "red wine"
+        }
+    ],
+    "directions": [
+        "Mix all ingredients but wine and shake w/ ice",
+        "Strain into rocks glass over ice",
+        "Float wine over mixture"
+    ],
+    "image": "brunswick-cocktail.jpg",
+    "keywords": [
+        "wine",
+        "cocktail",
+        "alcoholic",
+        "whiskey"
+    ]
+}