Name:grocery is not defined in grocery-list-view-model.js line 37

[NelsonRock]

var config = require("../../shared/config");
var fetchModule = require("fetch");
var observableArrayModule = require("data/observable-array");

function GroceryListViewModel(items) {
var viewModel = new observableArrayModule.ObservableArray(items);

viewModel.load = function() {
  return fetch(config.apiUrl + "Groceries", {
    headers:{
      "Authorization" : "Bearer" + config.token
     }
  })
  .then(handleErrors)
  .then(function(response) {
    return response.json();
  })
  .then(function(data){
    data.Result.forEach(function(grocery){
      viewModel.push({
        name: grocery.Name,
        id: grocery.Id
      });
    });
  });
};

viewModel.empty = function () {
  while (viewModel.length) {
    viewModel.pop();
  }
};

viewModel.add = function () {
  return fetchModule.fetch(config.apiUrl + "Groceries", {
    method: "POST",
    body: JSON.stringify({
        Name:grocery  //error reference
    }),
    headers: {
      "Authorization" : "Bearer" + config.token,
      "Content-Type" : "application/json"
    }
  })
  .then(handleErrors)
  .then(function(response){
    return response.json();
  })
  .then(function(data){
    viewModel.push({
      name:grocery,
      id:data.Result.Id
    });
  });
};

return viewModel;

}

function handleErrors(response) {
if (!response.ok) {
console.log(JSON.stringify(response));
throw Error(response.statusText);
}
return response;
}

module.exports = GroceryListViewModel;

[NelsonRock]

Hi, don't work a lot , that what's happen if you work on three projects in same time ;) a simple passgin variable to function in add is simplest even for beginners like me.

Thanks