<template>
  <VueQrcode v-bind="{ ...$attrs, ...$props }" v-on="$listeners" />
</template>

<script>
import VueQrcode from '@chenfengyuan/vue-qrcode'
// 直接包装 VueQrcode

/**
 * 展示一个二维码
 * @displayName SdQrcode 二维码
 */
export default {
  name: 'SdQrcode',
  components: { VueQrcode },
  inheritAttrs: false,
  props: {
    /**
     * 二维码的值
     */
    value: {
      type: String,
      required: true,
    },

    /**
     * <p>具体选项值请参考：</p>
     * <p>https://github.com/soldair/node-qrcode#qr-code-options</p>
     */
    options: {
      type: Object,
      default: undefined,
    },
  },
}
</script>

<style module lang="scss"></style>

<docs>
```
<sd-qrcode value="Hello world!" />
```
</docs>
