Adding ComponentFixture option

Author: David-Desmaisons

…tor/updateTemplateWithCompnentFixture.js generator/componentFixtureHelper.jsgenerator/updateTemplateWithCompnentFixture.js renamed to generator/componentFixtureHelper.js generator/updateTemplateWithCompnentFixture.js renamed to generator/componentFixtureHelper.js

@@ -1,13 +1,10 @@
 const templateUpdater = (m) => `<component-fixture>
 
-${m}
+      ${m}
 
-<Editor slot="control" slot-scope="scope" v-bind="scope"/>
-
-</component-fixture>`;
-
-const componentTemplateRegex = /<HelloWorld (.)*\/>/g;
+      <Editor slot="control" slot-scope="scope" v-bind="scope"/>
 
+    </component-fixture>`;
 
 const script = '<script>';
 const scriptUpdater = `<script>
@@ -18,11 +15,12 @@ const exportUpdater = `  components: {
     ComponentFixture,
     Editor,`;
 
-function updateExample(content) {
-  const updatedTemplate = content.replace(componentTemplateRegex, templateUpdater);
+function updateExample(content, componentName) {
+  const componentTemplateRegex = new RegExp(`<${componentName} (.)*\/>`, 'g');
+  const newValue = templateUpdater(`<${componentName} \/>`);
+  const updatedTemplate = content.replace(componentTemplateRegex, newValue);
   const updatedScript = updatedTemplate.replace(script, scriptUpdater);
-  const updatedExport = updatedScript.replace(exportComponents, exportUpdater);
-  return updatedExport;
+  return updatedScript.replace(exportComponents, exportUpdater);
 }
 
 module.exports = {

generator/index.js

@@ -1,5 +1,5 @@
 const { renameFiles, updateFile } = require('./fileHelper')
-const { updateExample } = ('./updateTemplateWithCompnentFixture')
+const { updateExample } = require('./componentFixtureHelper')
 const readmeUpdater = require('./readmeUpdater');
 const licenseList = require('spdx-license-list/full');
 
@@ -98,7 +98,7 @@ module.exports = (api, { addBadges, addLicense, componentName, copyrightHolders,
     updateFile(files, 'README.md', content => readmeUpdater(content, context));
 
     if (useComponentFixture) {
-      updateFile(files, 'src/App.vue', updateExample);
+      updateFile(files, 'src/App.vue', content => updateExample(content, componentName));
     }
 
     const immutableFiles = ['src/components/HelloWorld.vue', 'src/index.js']

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-cli-plugin-component",
-  "version": "1.7.1",
+  "version": "1.8.5",
   "description": "vue-cli 3 plugin to create shareable component",
   "main": "index.js",
   "repository": {