@@ -589,97 +589,93 @@ onMounted(async () => {
589589 </LocalVueUiChestnut >
590590 </div >
591591
592- <Box comp =" VueUiChestnut" :dataset =" dataset" >
593- <template #title >VueUiChestnut</template >
594-
595- <template #theme >
596- <LocalVueUiChestnut :dataset =" dataset" :config =" configTheme" />
597- </template >
598-
599- <template #local >
600- <LocalVueUiChestnut :dataset =" isPropsToggled ? alternateDataset : dataset" :config =" isPropsToggled ? alternateConfig : config" :key =" `local_${step}`" @selectRoot =" selectRoot" @selectBranch =" selectBranch" @selectNut =" selectNut" ref =" local" >
601- <template #optionPdf >
602- PRINT PDF
603- </template >
604- <template #svg =" { svg } " >
605- <circle :cx =" svg.width / 2" :cy =" svg.height / 2" :r =" 30" fill =" #42d392" />
606- <text :x =" svg.width / 2" :y =" svg.height / 2" text-anchor =" middle" >#SVG</text >
607- </template >
608- <!-- <template #legend="{ legend }">
609- #LEGEND
610- <div style="font-size: 8px">
611- {{ legend }}
612- </div>
613- </template> -->
614- </LocalVueUiChestnut >
615- </template >
616-
617- <template #VDUI-local >
618- <LocalVueDataUi component =" VueUiChestnut" :dataset =" isPropsToggled ? alternateDataset : dataset" :config =" isPropsToggled ? alternateConfig : config" :key =" `VDUI-lodal_${step}`" @selectRoot =" selectRoot" @selectBranch =" selectBranch" @selectNut =" selectNut" ref =" vduiLocal" >
619- <template #svg =" { svg } " >
620- <circle :cx =" svg.width / 2" :cy =" svg.height / 2" :r =" 30" fill =" #42d392" />
621- <text :x =" svg.width / 2" :y =" svg.height / 2" text-anchor =" middle" >#SVG</text >
622- </template >
623- <!-- <template #legend="{ legend }">
624- #LEGEND
625- <div style="font-size: 8px">
626- {{ legend }}
627- </div>
628- </template> -->
629- </LocalVueDataUi >
630- </template >
631-
632- <template #build >
633- <VueUiChestnut :dataset =" isPropsToggled ? alternateDataset : dataset" :config =" isPropsToggled ? alternateConfig : config" :key =" `build_${step}`" @selectRoot =" selectRoot" @selectBranch =" selectBranch" @selectNut =" selectNut" ref =" build" >
634- <template #svg =" { svg } " >
635- <circle :cx =" svg.width / 2" :cy =" svg.height / 2" :r =" 30" fill =" #42d392" />
636- <text :x =" svg.width / 2" :y =" svg.height / 2" text-anchor =" middle" >#SVG</text >
637- </template >
638- <!-- <template #legend="{ legend }">
639- #LEGEND
640- <div style="font-size: 8px">
641- {{ legend }}
642- </div>
643- </template> -->
644- </VueUiChestnut >
645- </template >
646-
647- <template #build-treesh >
648- <VueUiChestnutTreeshaken :dataset =" isPropsToggled ? alternateDataset : dataset" :config =" isPropsToggled ? alternateConfig : config" :key =" `build_${step}`" @selectRoot =" selectRoot" @selectBranch =" selectBranch" @selectNut =" selectNut" ref =" build" >
649- <template #svg =" { svg } " >
650- <circle :cx =" svg.width / 2" :cy =" svg.height / 2" :r =" 30" fill =" #42d392" />
651- <text :x =" svg.width / 2" :y =" svg.height / 2" text-anchor =" middle" >#SVG</text >
652- </template >
653- <!-- <template #legend="{ legend }">
654- #LEGEND
655- <div style="font-size: 8px">
656- {{ legend }}
657- </div>
658- </template> -->
659- </VueUiChestnutTreeshaken >
660- </template >
661-
662- <template #VDUI-build >
663- <VueDataUi component =" VueUiChestnut" :dataset =" isPropsToggled ? alternateDataset : dataset" :config =" isPropsToggled ? alternateConfig : config" :key =" `VDUI-build_${step}`" @selectRoot =" selectRoot" @selectBranch =" selectBranch" @selectNut =" selectNut" ref =" vduiBuild" >
664- <template #svg =" { svg } " >
665- <circle :cx =" svg.width / 2" :cy =" svg.height / 2" :r =" 30" fill =" #42d392" />
666- <text :x =" svg.width / 2" :y =" svg.height / 2" text-anchor =" middle" >#SVG</text >
667- </template >
668- <!-- <template #legend="{ legend }">
669- #LEGEND
670- <div style="font-size: 8px">
671- {{ legend }}
672- </div>
673- </template> -->
674- </VueDataUi >
675- </template >
676-
677- <template #knobs >
678- <ConfigKnobs :model =" model" @change =" step += 1" />
592+ <Box comp =" VueUiChestnut" :dataset =" dataset" :config =" config" >
593+ <template #title >VueUiChestnut</template >
594+
595+ <template #theme >
596+ <LocalVueUiChestnut :dataset =" dataset" :config =" configTheme" />
597+ </template >
598+
599+ <template #local >
600+ <LocalVueUiChestnut :dataset =" isPropsToggled ? alternateDataset : dataset" :config =" isPropsToggled ? alternateConfig : config" :key =" `local_${step}`" @selectRoot =" selectRoot" @selectBranch =" selectBranch" @selectNut =" selectNut" ref =" local" >
601+ <template #optionPdf >
602+ PRINT PDF
603+ </template >
604+ <template #svg =" { svg } " >
605+ <circle :cx =" svg.width / 2" :cy =" svg.height / 2" :r =" 30" fill =" #42d392" />
606+ <text :x =" svg.width / 2" :y =" svg.height / 2" text-anchor =" middle" >#SVG</text >
607+ </template >
608+ <!-- <template #legend="{ legend }">
609+ #LEGEND
610+ <div style="font-size: 8px">
611+ {{ legend }}
612+ </div>
613+ </template> -->
614+ </LocalVueUiChestnut >
615+ </template >
616+
617+ <template #VDUI-local >
618+ <LocalVueDataUi component =" VueUiChestnut" :dataset =" isPropsToggled ? alternateDataset : dataset" :config =" isPropsToggled ? alternateConfig : config" :key =" `VDUI-lodal_${step}`" @selectRoot =" selectRoot" @selectBranch =" selectBranch" @selectNut =" selectNut" ref =" vduiLocal" >
619+ <template #svg =" { svg } " >
620+ <circle :cx =" svg.width / 2" :cy =" svg.height / 2" :r =" 30" fill =" #42d392" />
621+ <text :x =" svg.width / 2" :y =" svg.height / 2" text-anchor =" middle" >#SVG</text >
622+ </template >
623+ <!-- <template #legend="{ legend }">
624+ #LEGEND
625+ <div style="font-size: 8px">
626+ {{ legend }}
627+ </div>
628+ </template> -->
629+ </LocalVueDataUi >
630+ </template >
631+
632+ <template #build >
633+ <VueUiChestnut :dataset =" isPropsToggled ? alternateDataset : dataset" :config =" isPropsToggled ? alternateConfig : config" :key =" `build_${step}`" @selectRoot =" selectRoot" @selectBranch =" selectBranch" @selectNut =" selectNut" ref =" build" >
634+ <template #svg =" { svg } " >
635+ <circle :cx =" svg.width / 2" :cy =" svg.height / 2" :r =" 30" fill =" #42d392" />
636+ <text :x =" svg.width / 2" :y =" svg.height / 2" text-anchor =" middle" >#SVG</text >
637+ </template >
638+ <!-- <template #legend="{ legend }">
639+ #LEGEND
640+ <div style="font-size: 8px">
641+ {{ legend }}
642+ </div>
643+ </template> -->
644+ </VueUiChestnut >
645+ </template >
646+
647+ <template #build-treesh >
648+ <VueUiChestnutTreeshaken :dataset =" isPropsToggled ? alternateDataset : dataset" :config =" isPropsToggled ? alternateConfig : config" :key =" `build_${step}`" @selectRoot =" selectRoot" @selectBranch =" selectBranch" @selectNut =" selectNut" ref =" build" >
649+ <template #svg =" { svg } " >
650+ <circle :cx =" svg.width / 2" :cy =" svg.height / 2" :r =" 30" fill =" #42d392" />
651+ <text :x =" svg.width / 2" :y =" svg.height / 2" text-anchor =" middle" >#SVG</text >
652+ </template >
653+ <!-- <template #legend="{ legend }">
654+ #LEGEND
655+ <div style="font-size: 8px">
656+ {{ legend }}
657+ </div>
658+ </template> -->
659+ </VueUiChestnutTreeshaken >
660+ </template >
661+
662+ <template #VDUI-build >
663+ <VueDataUi component =" VueUiChestnut" :dataset =" isPropsToggled ? alternateDataset : dataset" :config =" isPropsToggled ? alternateConfig : config" :key =" `VDUI-build_${step}`" @selectRoot =" selectRoot" @selectBranch =" selectBranch" @selectNut =" selectNut" ref =" vduiBuild" >
664+ <template #svg =" { svg } " >
665+ <circle :cx =" svg.width / 2" :cy =" svg.height / 2" :r =" 30" fill =" #42d392" />
666+ <text :x =" svg.width / 2" :y =" svg.height / 2" text-anchor =" middle" >#SVG</text >
667+ </template >
668+ <!-- <template #legend="{ legend }">
669+ #LEGEND
670+ <div style="font-size: 8px">
671+ {{ legend }}
672+ </div>
673+ </template> -->
674+ </VueDataUi >
679675 </template >
680676
681- <template #config >
682- {{ config }}
683- </template >
684- </Box >
677+ <template #knobs >
678+ < ConfigKnobs :model = " model " @change = " step += 1 " />
679+ </template >
680+ </Box >
685681</template >
0 commit comments