histoire icon indicating copy to clipboard operation
histoire copied to clipboard

[Vue warn]: Failed to resolve component: HstText

Open throrin19 opened this issue 1 year ago • 1 comments

Describe the bug

When we use the HstText element to add control to our story, We have a warn output :

[Vue warn]: Failed to resolve component: HstText
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. 

Reproduction

Just use a HstText in our story like this :

<template>
    <Story title="Components/Forms/AqZxcvbn">
        <aq-zxcvbn
            :label="state.label"
            :variant="state.variant"
            :prepend-inner-icon="state.prependInnerIcon" />

        <template #controls>
            <HstText
                v-model="state.variant"
                title="Variant" />
            <HstText
                v-model="state.label"
                title="Label" />
            <HstText
                v-model="state.prependInnerIcon"
                title="Prepend inner icon" />
        </template>
    </Story>
</template>

<script>
import { reactive } from 'vue';
import AqZxcvbn from '@/components/forms/AqZxcvbn.vue';

export default {
    components : {
        AqZxcvbn,
    },
    setup() {
        const state = reactive({
            variant             : 'outlined',
            label               : 'password',
            prependInnerIcon    : 'mdi-lock',
        });

        return {
            state,
        };
    },
};

</script>

System Info

System:
    OS: macOS 12.4
    CPU: (8) x64 Intel(R) Core(TM) i7-7700HQ CPU @ 2.80GHz
    Memory: 221.93 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.15.0 - ~/.nvm/versions/node/v16.15.0/bin/node
    npm: 8.13.1 - ~/.nvm/versions/node/v16.15.0/bin/npm
  Browsers:
    Chrome: 104.0.5112.101
    Edge: 104.0.1293.54
    Firefox: 102.0
    Firefox Developer Edition: 69.0
    Safari: 15.5
  npmPackages:
    @histoire/plugin-vue: 0.10.3 => 0.10.3 
    @vitejs/plugin-vue: 3.0.3 => 3.0.3 
    histoire: 0.10.3 => 0.10.3 
    vite: 3.0.8 => 3.0.8 

Used Package Manager

npm

Validations

throrin19 avatar Aug 19 '22 07:08 throrin19

Please provide a runnable reproduction, thanks!

Akryum avatar Aug 23 '22 21:08 Akryum