Web development framework that generates static HTML files for hydration by Vue.js.
Questions tagged [gridsome]
184 questions
0
votes
1 answer
How to replace placeholder images with local images in Buefy Carousel?
I have copied the Buefy carousel component from https://buefy.org/documentation/carousel#carousel-list into my Gridsome project. The carousel displays correctly with its supplied placeholder images. These are in an array in the data() segment…

nigelwhite
- 15
- 7
0
votes
1 answer
CSS Carousel Not Working in Gridsome App?
I am currently trying to style my Gridsome App with Buefy CSS Framework.Everything else is working fine(buttons,cards etc) except for the Carousel.Specifically the tag.
Here is the…

Codza.M
- 1
- 1
0
votes
1 answer
Gridsome returning xml api - graphql layer
Hello I am having difficulty returning an api end point in Gridsome via the Gridsome documented way. I think it is because what is returned is xml insead of pure json.
Does anyone have any ideas as to how to get this data into the graphql layer in…

Adam Adams
- 63
- 10
0
votes
0 answers
Gridsome Cannot destructure property `status` of 'undefined' or 'null'
I just started a project with gridsome and wordpress
I did the gridsome create project-name wordpress and after running npm run develop i get this error
Cannot destructure property `status` of 'undefined' or 'null'.
at WordPressSource.fetch…

Pedro Ferreira
- 301
- 3
- 11
0
votes
2 answers
How to add custom properties to a page in VueJS / Gridsome
I'm working on a Vue / Gridsome project and wondering how to export a variable from within a Page to it's parent Layout.
Here is my page code:
About us
Lorem ipsum dolor sit amet, consectetur adipisicing…

jermainecraig
- 311
- 4
- 20
0
votes
1 answer
Dynamic content and components without rebuilding entire static website?
I have a CMS like system where I can design a website and publish it to a S3 bucket. The website is generated with Gridsome. In this CMS I want the options of adding and removing components (such as a title) without rebuilding and redeploying the…

Thijs
- 33
- 5
0
votes
2 answers
How do I specify different background colours for different pages in Gridsome/vue.js?
How do I specify different background colours for different pages in Gridsome/vue.js? I've tried scoping the css but it won't work for the body or html selectors.

msalla
- 717
- 6
- 23
0
votes
1 answer
Gridsome build failing with TypeError
I'm encountering some trouble running Gridsome build on a starter project template. The site runs on localhost with no problem. I tried npm install gridsome@latest to update or install any missing packages.
Gridsome build gives me the following…

M Fukazawa
- 43
- 1
- 6
0
votes
1 answer
Query an array with unstructured objects on GraphQL
I'm trying to use GraphQL to query an unstructured array with objects in Gridsome. It is currently looking very messy and it feels like there should be a better way to do this.
The data that gets loaded into GraphQL from the CMS looks like this:
{
…

elw
- 147
- 2
- 13
0
votes
1 answer
Gridsome + Wordpress source plugin - How to add archive routes by month and year
I have to add an archive widget to a blog based on Gridsome (Wordpress as data source). Standard feature like this one:
I fetched posts with static query:
query Home($page: Int) {
allWordPressPost(page: $page) {
pageInfo {
totalPages
…

user1276919
- 550
- 5
- 25
0
votes
1 answer
How to handle transitions and animations in Gridsome
Currently i have been using this code in the inline CDN version of VueJS and it works fine, but when i add this to gridsome the click event on the animation to open the slide out doesn't work.
I have looked up that animations for page enter is…

learncodes123
- 371
- 3
- 16
0
votes
1 answer
modify router meta field in Vue.js project using Gridsome
I'm trying to specify a meta object for a route auto-generated for me by Gridsome, like this:
meta: {
auth: true
}
But there isn't a normal routes/index.js file in Gridsome - only a router object exposed like this in index.js:
export…

skunkwerk
- 2,920
- 2
- 37
- 55
0
votes
3 answers
Import Vue-Navigation-Bar in Gridsome
I'm trying to import https://github.com/johndatserakis/vue-navigation-bar into my Gridsome project but I receive the error:
'Module not found: Error: Empty Dependency (no request.)'
I've tried changing the way I import the component with no luck.…

Darryl Morley
- 11
- 3
0
votes
2 answers
Gridsome build fails when used with vue2-leaflet plugin
When running gridsome build I get window is not defined. Anyone has an example of making vue2-leaflet work with the client only option for gridsome?

Vasilis Tsirimokos
- 205
- 2
- 10
0
votes
1 answer
Why does Gridsome use Vue in the dist build?
I've recently come across Gridsome as a solution for building a static site in Vue and when I ran a build to test it out, I checked out all of the HTML files that were being generated and I noticed that they referenced the Vue.js script.
I assumed…

Mr.Smithyyy
- 2,157
- 12
- 49
- 95