Comments (7)
Also based off the code, there may be an undocumented way to do this already
content: {
markdown: {
plugins: [
'remark-twemoji',
- ['remark-frontmatter', 'yaml'],
+ 'remark-frontmatter'
],
+ frontmatter: "yaml"
},
},
from content.
Hey,
Plugins can be configured as described here: https://content.nuxtjs.org/configuration#markdown.
Each plugin is configured using its name in camelCase: remark-external-links => externalLinks.
However, a PR is actually ongoing to refactor plugins, so you might be able to configure them this way.
from content.
Update: the issue with remark-twemoji
is resolved by installing twemoji
. As stated in the linked comment, it would be nice if this warning was made more clear.
remark-frontmatter
part of the bug is still unresolved.
from content.
For remark-frontmatter, the issue is in nuxtjs/content
Nuxt content currently does not support settings in remark plugins
https://github.com/Strahinja/remark-bug/blob/110d158f46814454ed3b9eda0e40df5e1aa739aa/nuxt.config.js#L50
content/lib/parsers/markdown/index.js
Lines 67 to 75 in 0e217dc
That is why the error is remark-frontmatter,yaml is not installed
instead of separating the plugin from the settings it concatenated them together, creating an invalid package name.
from content.
@ChristianMurphy, thanks for the workaround. I think I'll take a look at that code and possibly try to come up with a PR.
from content.
@Strahinja If you're trying to get data using remark-frontmatter
plugin, @nuxt/content already does this by default: https://content.nuxtjs.org/writing#front-matter
from content.
Thanks, it seems I missed that part of the documentation. I'm migrating from frontmatter-markdown-loader with markdown-it, so I thought that including that package explicitly was needed. Still, this warning message is misleading and comes up as inaccurate when the package is actually installed. Looking forward to the next iteration of @nuxt/content! :)
from content.
Related Issues (20)
- Experimental Search: splitPageIntoSections fails if file does not have description
- [Landing] - Design review
- want some magic ? An image is switched with another one on client side HOT 2
- Add Default Language Field to Nuxt Config for Shiki Code Highlighting HOT 1
- bug: home page layout shift
- Can't Access Nuxt Studio Data in Frontend of Application HOT 1
- Error on Nuxt Content for Static Site Generation : Document not found, overwrite this content with #not-found slot in <ContentDoc>. HOT 1
- When I set useHead in app.vue, the webpage title does not change after leaving the content-related page
- bug(search): unicode characters display wrong on indexed mode HOT 1
- Unwanted class added on anchor links when target="_self"
- Image path changed in when linking images in markdown content HOT 2
- queryContent matches on start of path not directory name
- Unable to install nuxt with @nuxt/content with pnpm
- Unable to start project after creation (#internal/nitro/virtual/app-config is not defined) HOT 2
- Typecheck fail: Property 'useNuxtImage' does not exist on type HOT 1
- How to disable warnings like this: WARN [Vue warn]: Failed to resolve component: G?
- Unable to start examples/essentials/hello-world example HOT 1
- hook 'content:file:beforeParse' not working
- hook 'content:file:beforeParse' not working
- SSR and client divergence when processing link
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from content.