vue-atlas icon indicating copy to clipboard operation
vue-atlas copied to clipboard

demo copy from AppConfig is rendered improperly with Parceljs

Open Ray-Eldath opened this issue 4 years ago • 0 comments

just want to glimpse at vue-atlas, so I create my project from vue-template which is a template using Parceljs and vue-router, then I literally copy the source part from the documentation's AppConfig into my App.vue, but the page is improperly rendered:

  • va-minibar have to be commented out. if not so, the whole page (I put router-view in va-page) as well as va-sidebar will disappeared. except the sidebar and minibar, only an empty <div> tag is rendered on DOM tree.

  • va-sidebar with title is stacked. if define:

    <va-sidebar theme="default" :compact="false" :text-links="false">
    <va-sidebar-group
        :items="[{ name: 'Item1' }]"
        title="Category 1"
        :show-toggle="false"
    />
    <va-sidebar-group
        :items="[{ name: 'Item1' }]"
        title="Category 2"
        :show-toggle="false"
    />
    </va-sidebar>
    

    unfortunately this will rendered as: image in which the title is all stacked on the top instead of as head of their own group.

I suppose this is because I use Parceljs but not Webpack or vue-cli. Parceljs is a really nice packaging tool which need zero-configuration and I really like it, hope there're some workaround here.

many thanks.

Ray-Eldath avatar Feb 04 '20 12:02 Ray-Eldath