v1.0.21

Author: graphieros

Diff for: boilerplate.js

@@ -43,7 +43,7 @@ export default ({
 <script setup${useTypescript ? ' lang="ts"' : ''}>
 import { ${[useComputedConfig, useComputedDataset].includes(false) ? 'ref, ' : ''}${useComputedConfig || useComputedDataset ? 'computed ' : ''}} from "vue";
 import { VueDataUi${useTypescript ? `,${['number', 'Array<Array<string | number>>', ''].includes(datasetType) ? '' : `type ${datasetType},`} type ${configType} }` : '}'} from "vue-data-ui";
-import "vue-data-ui/style.css";
+import "vue-data-ui/style.css"; // Consider importing the css in your main file
 
 ${!datasetType ? '' : `const dataset = ${useComputedDataset ? `computed${dsType}(() => {
   return ${ds};
@@ -63,7 +63,7 @@ ${emitFuncs}
 </script>
 
 <template>
-  <div :style="{ width: '600px' /** Set your styles for the chart wrapper */ }">
+  <div :style="{ width: '600px' /** Set your styles for the chart wrapper. This wrapper is not necessary. */ }">
     <VueDataUi
       component="${component}"
       ${!datasetType ? '' : `:dataset="dataset"`}

Diff for: index.js

@@ -444,7 +444,7 @@ const supportedComponents = {
 })()
 
 program
-  .version('1.0.20')
+  .version('1.0.21')
   .description('CLI to generate Vue Data UI component boilerplates')
   .action(async () => {
     const answers = await inquirer.prompt([

Diff for: package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-data-ui-cli",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "private": false,
   "description": "A CLI tool to generate Vue Data UI chart component boilerplates",
   "main": "index.js",