api-platform / api-platform/create-client

Vue generators produce invalid names for scoped slots

Open
#380 4 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
376
Forks
132
PR merge metrics
No merged PRs in 30d

Description

**Description**
Vue generators produce invalid names for scoped slots
For example:
```vue



{{ book["@id"] }}





```

It show this error: `Illegal '/' in tags.vue(22)`

**How to reproduce**
Run the `yarn test-gen` command and look at the `{quasar|vuetify|vue}/components/[foo]/[FooList].vue` components

**Possible Solution**
The named scoped slots use the property names inside the table components to create the table cells and columns.

If we replace the slash with another character, we should make sure the slot name match the real property name from the API.
We need to check how the properties received from the API are named.

Another solution, maybe, would be to use variable for slot names.
But that would mean receiving them as props or declaring them in the script section, but it's not ideal.

Do you have an idea @dunglas ?

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.