Final draft

Author: udyux

src/App.vue

@@ -3,9 +3,7 @@
 </template>
 
 <script>
-export default {
- name: 'app'
-}
+export default { name: 'app' }
 </script>
 
 <style lang="scss">

src/components/BlogFeed.vue

@@ -1,6 +1,6 @@
 <template>
  <transition-group tag="ul" class="blog__feed" name="preview">
- <li v-for="(post, index) in feed" :class="classes" :key="post.id">
+ <li v-for="post in feed" :class="classes" :key="post.id">
  <router-link :to="`/read/${post.id}`">
  <figure class="preview__figure">
  <img :src="post.image"/>

src/main.js

@@ -4,7 +4,7 @@ import Vue from 'vue'
 import App from './App'
 import router from './router'
 import resource from './resources/resource'
-import * as resources from './resources/implementation-v1'
+import * as resources from './resources/implementation'
 
 Vue.config.productionTip = false
 

src/resources/implementation-v2/Blog.js

@@ -1,7 +1,7 @@
 export default {
  blog() {
  return {
- path: '/v1/blog.json',
+ path: '/blog.json',
  resolve: (response, mappers) => {
  let blog = response.results[0]
  return mappers.merge({

src/resources/implementation-v2/BlogFeed.js

@@ -1,7 +1,7 @@
 export default {
  feed() {
  return {
- path: '/v1/feed.json',
+ path: '/feed.json',
  resolve: (response, mappers) => mappers.set({ posts: response.results })
  }
  }

src/resources/implementation-v2/index.js

@@ -1,7 +1,7 @@
 export default {
  post(id) {
  return {
- path: `/v1/post/${id}.json`,
+ path: `/post/${id}.json`,
  resolve: (response, mappers) => {
  let { title, content, meta } = response.results[0]
  content = '<p>' + content.split('\n\n').join('</p><p>') + '</p>'