boulevard / vampire Goto Github PK

@daniel-nagy great work on this. I really want to use it in combination with Lit Element but I'm struggling to figure out how to integrate it into my existing set of components. I'm using a very simple rollup config with only typescript and resolve plugins. But I'm getting other errors related to the @babel/plugin-proposal-class-properties plugin.

I don't want to use babel for my modern browser build if possible, but I'm unclear on how to get it all wired up.

Any thoughts or clarity you could add to the README would be helpful. Thanks!

When providing content for a named slot, if there is any whitespace it will be slotted to the default slot and the default slot's fallback content will not be rendered.

e.g.

@customElement('x-element')
class XElement extends LitElement {
  render() {
    return html`
      <v-slot>
        <v-slot-fallback-content>Test</v-slot-fallback-content>
      </v-slot>
      <v-slot name="other-slot"></v-slot>
    `;
  }
}

<x-element>
  <div v-slot="other-slot">Other Content</div>
<x-element>

Empty text nodes will be created and slotted to the nameless slot, preventing the fallback content from rendering.