Skip to content

CSS classes in Markdown component don't merge with component's root class #904

Closed
@ManasMadrecha

Description

@ManasMadrecha

Version

@nuxt/content: v1.14.0
nuxt: v2.15.5

Steps to reproduce

  1. Create a component abc.vue.
<template>
  <div class="level1">
   <div class="level2">
    <slot></slot>
   </div>
  </div>
</template>
  1. Use it in markdown
<abc class="tw-bg-pink-100">
</abc>

What is Expected?

  1. <abc> component's root should have two classes, i.e. level1 and tw-bg-pink-100.

What is actually happening?

  1. <abc> component only gets the class applied in markdown, i.e. tw-bg-pink-100.
  2. level1 class is simply removed.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions