Web development framework that generates static HTML files for hydration by Vue.js.
Questions tagged [gridsome]
184 questions
0
votes
0 answers
Gridsome Graphql filter variable
Im trying to query a collection and filter it depends on the $path var
but it either returns empty or throwing an error
query Gallery($path: String!){
photos : allPhotos(filter: { nameFromGalleries: { contains: [$path]}}){
edges{
…

nadiTime
- 151
- 1
- 9
0
votes
1 answer
Gridsome g-image tag has limited use. What do you think?
I'm building a website using Gridsome. My website has a lot of components which I then use the g-image tag.
Based on the doc, "The src attribute and options like width, height and quality must be static values because they are compiled into an…

Tanpo
- 233
- 3
- 18
0
votes
1 answer
YAMLSyntaxError: Failed to resolve SEQ_ITEM node here at line X, column Y:
I'm getting this error when trying to run Netlify CMS
Error loading the CMS configuration
Config Errors:
YAMLSyntaxError: Failed to resolve SEQ_ITEM node here at line 10, column 1:
- name: Posts
^^^^^^^^^^^^^^…
Check your config.yml file.
I…

Brett
- 3
- 1
- 4
0
votes
1 answer
Can't get gridsome g-image to work for grid of thumbnails
This is for the front page.
I've made an image collection in gridsome.server.js by scanning a folder full of images and creating nodes, each containing the name and the path of the image:
let dir = fs.opendirSync(process.cwd() +…

rickb
- 601
- 5
- 19
0
votes
2 answers
Build fails with ReferenceError: window is not defined
When I run gridsome build I get
ReferenceError: window is not defined
at Object. (src/gapi_client.js:1:9)
at webpack_require (webpack/bootstrap:25:0)
at Module. (assets/js/app.f322a6ac.js:68956:19)
at webpack_require (webpack/bootstrap:25:0)
at…

sureshvv
- 4,234
- 1
- 26
- 32
0
votes
1 answer
Gridsome/Netlify CMS docs lead to broken Graphql
I cannot setup Gridsome with NeflifyCMS by following Gridsome's docs
Snippet for setting up Netlify config.yml
collections:
- name: "posts"
label: "Posts"
folder: "posts"
create: true
slug: "{{slug}}"
fields:
- {label:…

av0000
- 1,917
- 6
- 31
- 51
0
votes
0 answers
Generate a index of documents in Gridsome
I created a documentation site with Gridsome and vuew-remark. I grouped the documents per folder.
Having a structure like this:
-docs
-topic1
-document1.md
-document2.md
-topic2
-document3.md
-document4.md
I want a page with the…

David SK
- 814
- 7
- 21
0
votes
0 answers
Netlify Forms - Empty Submission - Vue (Gridsome)
I hate to do this (share the whole code), but I feel like I have no other choice. I have been banging my head against the wall for the past two days. It is one issue after another. Currently, I am soooo close to getting Forms working.
For some…

Rasul Kireev
- 369
- 1
- 2
- 16
0
votes
0 answers
Why svg in is resized changing aspect?
I have the following simple component:
0
votes
1 answer
font awesome icons size jumps in first load of a static page with vue.js
I'm using vue.js and gridsome to make a personal portfolio. how ever I have this problem that in the fist load of page, the icon sizes are too big and suddenly the come back to normal size. These is my webpage:farzinnasiri.com
I'm using cdn for…

Farzin Nasiri
- 710
- 1
- 10
- 27
0
votes
1 answer
How to use GraphQL queries with BootstrapVue b-table?
I can use with GraphQL queries and it works fine, for example:
{{page.node.Name}}
…

haed
- 3
- 1
0
votes
0 answers
Prismic/GraphQL and Gridsome/Vue the rendered v-html shows inside the string
So I made my site using Prismic/GraphQL and Gridsome. And I got the query working, only that when rendering the strings to the rendered string shows where only spaces would go.
Im using v-html to render the string. I even tried to format it but it…

Bravebox
- 33
- 6
0
votes
1 answer
How to set itemWidth in Buefy carousel component?
I am using Buefy Carousel List from https://buefy.org/documentation/carousel#carousel-list in a Gridsome single file component. I need to change the width of the slides from the default (476.25) to the width of my own images (176).
In Vue dev tools,…

nigelwhite
- 15
- 7
0
votes
1 answer
Cannot build Gridsome project: modal causes 'window is not defined' error
My project runs ok in development mode but fails in build mode. The full error is
ReferenceError: window is not defined
at Object. (node_modules/vue-js-modal/dist/index.js:1:210)
at __webpack_require__ (webpack/bootstrap:25:0)
at…

nestor556
- 446
- 4
- 15
0
votes
1 answer
gridsome.server.js won't recognize function addCollection
I'm trying out Gridsome and Vue.js for a fairly large website conversion. The website needs to be able to load data from an API. I've been trying to follow the instructions on https://gridsome.org/docs/fetching-data/#import-from-apis - I pasted in…

marcel_g
- 1,980
- 2
- 17
- 19