The gridsome-starter-markdown-blog's discuss from gridsome

gridsome-starter-markdown-blog's Issues

Images don't use <g-image/> component

By default in this starter images are loaded via an <img> tag, loosing one of Gridsome's best features as a result.

Swapping to a <g-image/> like bellow results in the following error:

<g-image :src="$page.blogPost.fields.image" :size="600"/>

[Vue warn]: Invalid prop: type check failed for prop "src". 
Expected Object, got String with value "images/imat-bagja-gumilar-518288-unsplash.jpg".

tried with latest deps doesn't work

Are their any upto dates examples for blog starters? @mittalyashu

  "dependencies": {
    "@gridsome/source-filesystem": "^0.6.2",
    "@gridsome/transformer-remark": "^0.6.4",
    "gh-pages": "^5.0.0",
    "gridsome": "^0.7.0"
  }

 ERROR  Failed to compile with 1 errors                                                                    10:07:54 PM

 error  in ./src/pages/Index.vue?vue&type=custom&index=0&blockType=page-query

Module build failed (from ./node_modules/gridsome/lib/plugins/vue-components/lib/loaders/page-query.js):
Error: Cannot query field "_id" on type "BlogPost". Did you mean "id"?

GraphQL request:6:9
5 |       node {
6 |         _id
  |         ^
7 |         title
    at Object.module.exports (/Users/abhi/Desktop/gridsome-starter-markdown-blog/node_modules/gridsome/lib/plugins/vue-components/lib/loaders/page-query.js:33:23)

 @ ./src/pages/Index.vue?vue&type=custom&index=0&blockType=page-query 1:0-331 1:347-350 1:352-680 1:352-680
 @ ./src/pages/Index.vue
 @ ./src/.temp/routes.js
 @ ./node_modules/gridsome/app/router.js
 @ ./node_modules/gridsome/app/entry.sockjs.js
 @ multi webpack/hot/dev-server webpack-hot-middleware/client?name=app&reload=true&noInfo=true ./node_modules/gridsome/app/entry.client.js ./node_modules/gridsome/app/entry.sockjs.js

Recommend Projects