GitLab

Currently only regular elements are validated using elements metadata but in vuejs it is common to use components with slots. To validate the content och each slot the current workaround is to wrap each slot in a new element:

<my-real-component>
    <template v-slot:first-slot>
      <my-fake-component-first-slot>
        <!-- my real content -->
      </my-fake-component-first-slot>
    </template>
</my-real-component>

Very cumbersome, hard to understand and requires users to write lots of markup only for validation purposes.

Instead if would be useful to somehow add metadata for slots directly for instance using my-real-component:first-slot

Use cases

• vuejs component developers wanting to enforce usage behaviour