Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ISSUE] New setup syntax not supported #19

Open
Paul7Peterson opened this issue Mar 9, 2022 · 0 comments
Open

[ISSUE] New setup syntax not supported #19

Paul7Peterson opened this issue Mar 9, 2022 · 0 comments

Comments

@Paul7Peterson
Copy link

Trying to use the plugin with the setup syntax of Vue 3, I found that the properties are not shown in Zeplin.

I'm refining also the component name in a separated <script> as it's said in the docs

Here's an example on the SFC:

<script lang="ts">
  export default {
    name: 'AppButton',
    inheritAttrs: false,
    customOptions: {}
  }
</script>

<script lang="ts" setup>
interface AppButtonProps {
  /** ... */
  type: 'primary' | 'secondary';
  /** ... */
  disabled: boolean;
}

withDefaults(defineProps<AppButtonProps>(), {
  disabled: false
})
</script>

<template>
  <button
    class="btn"
    :class="[type]"
    :disabled="disabled"
  >
    <slot>AppButton</slot>
  </button>
</template>

And here is the output:

image

Reverse the position of the <script> tags has no effect.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant