yann-yinn

[
  {
    "requestId": "0",
    "uri": "/api/recipes?filter[category.name][value]=Main%20course&page[limit]=4",
    "action": "view",
    "headers": {
      "Accept": "application/json",
      "Content-Type": "application/vnd.api+json"
    }
  },

yann-yinn

--8008cc8c5062d2956217bc47b0e08169
Cache-Control:          must-revalidate, no-cache, private
Content-Id:             <27c656e5c6f170d20649584828a7f7aa>
Content-Language:       en
Content-Type:           application/vnd.api+json
Expires:                Sun, 19 Nov 1978 05:00:00 GMT
Status:                 200
X-Content-Type-Options: nosniff
X-Drupal-Cache:         HIT
X-Drupal-Dynamic-Cache: MISS

yann-yinn

--8008cc8c5062d2956217bc47b0e08169
Cache-Control:          must-revalidate, no-cache, private
Content-Id:             <27c656e5c6f170d20649584828a7f7aa>
Content-Language:       en
Content-Type:           application/vnd.api+json
Expires:                Sun, 19 Nov 1978 05:00:00 GMT
Status:                 200
X-Content-Type-Options: nosniff
X-Drupal-Cache:         HIT
X-Drupal-Dynamic-Cache: MISS

yann-yinn

<template>
  <h1>Hello world</h1>
</template>

yann-yinn

<template>
  <section class="recipes">
    <h1>Our latest recipes</h1>
  </section>
</template>

yann-yinn

<template>
  <div>
    <ul>
        <li><nuxt-link to="/">home</nuxt-link></li>
        <li><nuxt-link to="/hello">Hello World</nuxt-link></li>
    </ul>
    <nuxt/>
  </div>
</template>

yann-yinn

<template>
  <section class="recipes">
    <h1>Our latest recipes</h1>
    <div v-for="recipe in recipes">
      <h2> {{recipe.title}} </h2>
      <p> {{recipe.difficulty}} </p>
      <div v-if="recipe.image">
        <img width="300px" :src="recipe.image.thumbnail.filename" />
      </div>
    </div>

yann-yinn

{
  "name": "say my name",
  "scripts": {
    "start": "node index.js"
  }
}

yann-yinn

import Vue from 'vue'
import Difficulty from '~/components/Difficulty'

/**
 * An example unit test
 */
describe('Difficulty.vue', () => {

  it('Should have class "tag is-primary" when receiving "easy" difficulty', () => {
    const Ctor = Vue.extend(Difficulty)

yann-yinn

import Vue from 'vue'
import AppNavigation from '~/components/AppNavigation'

// Mock our router, store and nuxt-link
import Vuex from 'vuex'
import storeCreate from '~/store'
import VueRouter from 'vue-router'
import NuxtLink from '~/.nuxt/components/nuxt-link'
Vue.use(VueRouter)
Vue.use(Vuex)