Stack Overflow
Stack Overflow

Questions tagged [gridsome]

Web development framework that generates static HTML files for hydration by Vue.js.

Gridsome – Vue.js-powered static site generator

184 questions
0
votes
1 answer

Inline SVG not showing in chrome

In the middle of making a new website using Gridsome and we have encountered some errors with SVG's and chrome, works fine on Firefox. Basically looks like the has a width and height of 0px, 0px; However if i add a width of 100% it shows up in…
nSmed
  • 59
  • 1
  • 12
0
votes
1 answer

Gridsome's createPages and createManagedPages doesn't create viewable pages

I have the following code in my gridsome.server.js: api.createManagedPages(async ({ createPage }) => { const { data } = await axios.get('https://members-api.parliament.uk/api/Location/Constituency/Search?skip=0&take=20') …
RustyFluff
  • 720
  • 2
  • 8
  • 27
0
votes
0 answers

Gridsome GraphQL not returning posts

I'm trying to create a simple blog for my site using local markdown. To my knowledge I've followed the Gridsome docs to accomplish this, but queries don't return any posts. I have installed source-filesystem and transformer remark. module.exports =…
Luke Filipos
  • 1
0
votes
1 answer

Slice an array in Vue using GraphQL data layer

I am trying to slice an array of items in Vue here is my code query { count items { id name } …
Ali Seivani
  • 496
  • 3
  • 21
0
votes
1 answer

Use .GLB / Blender files in Gridsome project (Vue.js)

I use Three.js in a Gridsome projet, but I'm unable to import .glb file (3D model) with GLTFLoader. Gridsome considers img (png/jpg) or .js files stored in src/assets but not glb. My files hierarchy : My import function…
Thibault Walterspieler
  • 2,272
  • 2
  • 15
  • 25
0
votes
1 answer

Making Vueper-Slides work with Markdown front matter in Gridsome

I've installed various slideshow/carousels for Vue JS but kept breaking my build, until I came across Vueper-Slides. Using Gridsome's $page.post.slides to query the front-matter metadata in my Markdown, my image array looks like this: --- title: My…
Rene Morgan
  • 21
  • 3
0
votes
0 answers

Returning graphql nested nodes of belongsTo with Vue

I'm not even sure if I'm going about this the right way. I'm using GraphQL with Gridsome. I want to display 1 recent post from each category. This query is valid: query ($page: Int) { allCategory(page: $page) { edges { node { …
scottrod
  • 477
  • 1
  • 8
  • 21
0
votes
1 answer

Gridsome source-filesystem add tag description

I'm using @gridsome/source-filesystem with this config: { use: '@gridsome/source-filesystem', options: { typeName: 'Post', path: 'content/posts/**/*.md', refs: { tags: { typeName: 'Tag', create: true }, …
baruchiro
  • 5,088
  • 5
  • 44
  • 66
0
votes
0 answers

Having to run NPM package commands solely with NPX

I've asked a similar question before (nuxt: command not found), but now it's regarding gridsome. I've tried to run both nuxt and gridsomes's NPM packages directly in the VS Code terminal but I get the error: bash: nuxt: command not found / bash:…
Krullmizter
  • 529
  • 8
  • 28
0
votes
1 answer

How to configure Gridsome to generate thousands of product pages using API's to insert the data into static site template?

I am looking to utilize a static site generator framework to work with Vue in order to generate static pages with product info, however we need to create thousands of pages with a different product for each page, we hope to make api calls to…
mynameismyname1010101
  • 369
  • 1
  • 5
  • 13
0
votes
1 answer

Display nested loop in Vue from a GraphQL query

I'm using OneGraph to pull data from Spotify. I can't figure how to render out the 3rd nested loop though even looking at other Vue code samples. I'm trying to return the artist name for each playlist as shown below.