vue-atlas
vue-atlas copied to clipboard
demo copy from AppConfig is rendered improperly with Parceljs
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 putrouter-view
inva-page
) as well asva-sidebar
will disappeared. except the sidebar and minibar, only an empty<div>
tag is rendered on DOM tree. -
va-sidebar
withtitle
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:
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.