Skip to content
This repository was archived by the owner on Jul 21, 2026. It is now read-only.
This repository was archived by the owner on Jul 21, 2026. It is now read-only.

[RRFC] Support v-if v-else-if v-else #46

Open

Description

@mantou132
  • I searched for an existing RRFC which might be relevant to my RRFC

Motivation

Simplify conditional templates

Example

html`
      <div v-if=${isEmpty} class="placeholder">${this.placeholder}</div>
      <div v-else-if=${!this.multiple} class="value">${currentLabels}</div>
      <dy-scroll-box v-else class="values">
        ${typeof currentLabels?.at(0) === 'object' ? currentLabels : currentLabels?.join(', ')}
      </dy-scroll-box>
    `

How

Implemented in the _clone method of TemplateInstance

Current Behavior

Desired Behavior

References

  • n/a

Activity

  1. vospascal commented on Feb 23, 2025

    @vospascal

    would it not make more sense instead of baking this in. Having this as directive you can release this as a package of even part of a collection of directives for others to use. see https://lit.dev/docs/templates/directives/ i saw in your project you where changing internals for this which would make updating the dependencies harder down the road. Using directives would probably give you a more straight update path

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions