Wouter
Migrating simple existing content including styles (Nuxt 3) to Nuxt Content
it's working for me. I tried it in stackblitz based on your github repo:
https://stackblitz.com/~/github.com/aligu7/vagifguliyev_nuxt?file=pages/index.vue
21 replies
Migrating simple existing content including styles (Nuxt 3) to Nuxt Content
It is the path of the markdown file that you want to fetch. "/" means it will try to fetch the index.md in the root folder.
If you named the markdown file differently, for example myfile.md, then this should be queryContent("/myfile").findOne() The errors in your console show a 404 error, which means it cannot find the index.md file. The data content that is rendered on that page seems to be still comoing from your index.vue, not from markdown
If you named the markdown file differently, for example myfile.md, then this should be queryContent("/myfile").findOne() The errors in your console show a 404 error, which means it cannot find the index.md file. The data content that is rendered on that page seems to be still comoing from your index.vue, not from markdown
21 replies
Migrating simple existing content including styles (Nuxt 3) to Nuxt Content
- move the text to a .md file in the content folder and apply markdown syntax
- fetch the content in the vue file with the queryContent composable: https://content.nuxt.com/composables/query-content or use the ContentDoc component: https://content.nuxt.com/components/content-doc
you can also check out this content starter template to see how it's set up: https://nuxt.new/s/content
21 replies
@nuxt/icon custom collection from public folder??
Not sure of this is what you want to achieve, but I was able to add 2 svg's as a custom iconSet like this:
https://github.com/vernaillen/vernaillen.dev/blob/main/tailwind.config.ts
The svg's are added inline in tailwind.config.ts, but I'm sure there must be a way to fetch them as files from the public folder
2 replies
nuxt/content styling
You can see an example in the content-wind template:
https://github.com/atinux/content-wind/
3 replies
nuxt/content styling
this can be done with the @tailwindcss/typography and the "prose" class to the content section
https://nuxt-tailwind-typography.vercel.app/
3 replies
How to use Masonry layout in Nuxt 3
Nuxt UI Pro has a masonry layout, the LandingGrid: https://ui.nuxt.com/pro/components/landing-grid
3 replies
Nuxt & Wordpress
Here's a demo project that can help you get started:
https://github.com/vernaillen/wpnuxt-demo
This demo is not using Yoast SEO or ACF, but I can also provide demo's for that, if you want
6 replies
Nuxt & Wordpress
I am using this plugin to enrich the GraphQL data with the SEO fields from yoast SEO: https://en-gb.wordpress.org/plugins/add-wpgraphql-seo/
6 replies
Nuxt & Wordpress
I am creating a module that makes it easier to set up the WordPress GraphQL integration in Nuxt: https://wpnuxt.com/
It's still in full development, and it needs better documentation, but it works with ACF and Yoast SEO.
6 replies