Using component-fixture sandbox

Author: David-Desmaisons

generator/componentFixtureHelper.js

@@ -1,20 +1,17 @@
-const templateUpdater = (m) => `<component-fixture>
+const templateUpdater = (m) => `<sandbox>
 
       ${m}
 
-      <Editor slot="control" slot-scope="scope" v-bind="scope"/>
-
-    </component-fixture>`;
+    </sandbox>`;
 
 const script = '<script>';
 const scriptUpdater = `<script>
-import { ComponentFixture, Editor } from 'component-fixture'
+import { Sandbox } from 'component-fixture'
 import "component-fixture/dist/ComponentFixture.css";`;
 
 const exportComponents = '  components: {';
 const exportUpdater = `  components: {
-    ComponentFixture,
-    Editor,`;
+    Sandbox,`;
 
 function updateExample(content, componentName) {
   const componentTemplateRegex = new RegExp(`<${componentName} (.)*\/>`, 'g');

generator/index.js

@@ -86,7 +86,7 @@ module.exports = (api, context) => {
   if (useComponentFixture) {
     api.extendPackage({
       devDependencies: {
-        'component-fixture': "^1.0.3"
+        'component-fixture': "^1.0.7"
       }
     })
   }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-cli-plugin-component",
-  "version": "1.11.2",
+  "version": "1.12.0",
   "description": "vue-cli 3 plugin to develop component",
   "main": "index.js",
   "repository": {