Closed D-Marc1 closed 4 years ago
Nothing wrong on the first look, I'll check deeper later today.
okay, apparently the configuration for vue-remark and the transformer-remark are differnt.
The plugin config needs to get moved into the plugin config as the there listed plugins are used by the vue-remark.
module.exports = {
plugins: [
{
use: '@gridsome/vue-remark',
options: {
typeName: 'BlogPost', // Required
baseDir: './blog/posts', // Where .md files are located
template: './src/templates/BlogPost.vue', // Optional
plugins: [
[
'gridsome-plugin-remark-shiki',
{ theme: 'nord', skipInline: false },
],
],
},
},
],
};
Thank you for the quick reply! I did make an error in the syntax as you pointed out also. I updated the original comment to place remark
inside options
.
I'm not sure why Gridsome made these plugins so much different when they actually made them both and accomplish the same task, only vue-remark
can do much more
@EldoranDev wait, I'm confused. Why was this issue closed? Doesn't this still not work?
Oh wait, nvm. I'm an idiot, my apologies. I didn't realize the remark
outer layer was removed in your comment. Thanks again!
I have the following configuration, but it's not adding syntax highlighting to my code. Am I doing something wrong?