Content: Some css bind to <nuxt-content> do not work

Created on 19 Jun 2020  Â·  2Comments  Â·  Source: nuxt/content

Version

@nuxt/content: v1.3.2
nuxt: v2.13.0

Reproduction Link


https://codesandbox.io/s/nuxtcontent-demo-6vkd2?file=/pages/_slug.vue

Steps to reproduce

What is Expected?

:smile: string

<nuxt-content class="large"/>
↓
<div class="large nuxt-content">

:pleading_face: array

<nuxt-content :class="['large', 'red']"/>
↓
<div class="0 1 nuxt-content">

:pleading_face: css modules

<nuxt-content :class="$style.underline"/>
↓
<div class="0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 nuxt-content">

:smile: object

<nuxt-content :class="{ [$style.underline]: true }"/>
↓
<div class="nuxt-content underline_3Zble">

What is actually happening?

All css bind can work.

bug

All 2 comments

Hey @amotarao,

This bug has been fixed, you can check it out by using @nuxt/content from GitHub directly in your package.json:

{
  "dependencies": {
    "@nuxt/content": "nuxt/content"
  }
}

It should be available when we release the next version.

@benjamincanac
I confirmed it was fixed.
Thank you very much!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

mathieunicolas picture mathieunicolas  Â·  4Comments

pxwee5 picture pxwee5  Â·  4Comments

haykokalipsis picture haykokalipsis  Â·  4Comments

LukaszRados picture LukaszRados  Â·  3Comments

jonathanmach picture jonathanmach  Â·  4Comments