Add support for Vue3/Inkline3 as generator default

generator/index.js

@@ -1,7 +1,10 @@
 const vue2 = require('./vue2.js')
+const vue3 = require('./vue3.js')
 
 module.exports = (api, options, rootOptions) => {
   if (options.vue2) {
     vue2(api, options, rootOptions)
+  } else {
+    vue3(api, options, rootOptions)
   }
 }

generator/vue3.js

@@ -0,0 +1,108 @@
+const fs = require('fs');
+
+const configContentTranspileDependencies = `    transpileDependencies: [
+        '@inkline/inkline'
+    ]`;
+
+const configContent = `module.exports = {
+${configContentTranspileDependencies}
+};`;
+
+/**
+ * Add inkline to package.json dependencies
+ *
+ * @param api
+ */
+const addDependencies = (api) => {
+    api.extendPackage({
+        dependencies: {
+            '@inkline/inkline': '^3.0.0'
+        }
+    });
+};
+
+/**
+ * Add inkline dependencies to package.json dev dependencies
+ *
+ * @param api
+ */
+const addDevDependencies = (api) => {
+    api.extendPackage({
+        devDependencies: {
+            'sass': '^1.26.0',
+            'sass-loader': '^8.0.0',
+        }
+    });
+};
+
+/**
+ * Add inkline default imports to the entry file
+ *
+ * @param api
+ */
+const addDefaultImports = (api) => {
+    api.injectImports(api.entryFile, "import { Inkline, components } from '@inkline/inkline';");
+    api.injectImports(api.entryFile, "import '@inkline/inkline/inkline.scss';");
+};
+
+/**
+ * Add inkline to the transpiled dependencies field in vue.config.js.
+ *
+ * @param api
+ */
+const addVueConfig = (api) => {
+    const configPath = api.resolve('vue.config.js');
+
+    if (!fs.existsSync(configPath)) {
+        fs.writeFileSync(configPath, configContent, { encoding: 'utf-8' });
+    } else {
+        let contents = fs.readFileSync(configPath, { encoding: 'utf-8' });
+
+        if (contents.indexOf('transpileDependencies') !== -1) {
+            contents = contents
+              .replace(/( *)(transpileDependencies:\s*\[)/, `$1$2\n$1$1'@inkline/inkline',\n`);
+        } else {
+            contents = contents
+              .replace(/(module\.exports\s*=\s*{)/, `$1\n${configContentTranspileDependencies},\n`);
+        }
+
+        fs.writeFileSync(configPath, contents, { encoding: 'utf-8' });
+    }
+};
+
+/**
+ * Add inkline to Vue after importing
+ *
+ * @param api
+ * @param options
+ */
+const addIntegration = (api, options) => {
+    // Read and get content
+    let content = fs.readFileSync(api.resolve(api.entryFile), { encoding: 'utf-8' });
+    const lines = content.split(/\r?\n/g).reverse();
+
+    // Inject imports
+    let appInitialization = lines.findIndex(line => line.match(/^createApp\(App\)/));
+
+    if (appInitialization === -1) {
+        appInitialization = 0;
+    }
+
+    lines[appInitialization] = lines[appInitialization].replace('createApp(App)', 'createApp(App).use(Inkline, { components })');
+
+    // Write back
+    content = lines.reverse().join(`\n`);
+    fs.writeFileSync(api.resolve(api.entryFile), content, { encoding: 'utf-8' });
+};
+
+module.exports = (api, options, rootOptions) => {
+    addDependencies(api);
+    addDevDependencies(api);
+
+    addVueConfig(api);
+    addDefaultImports(api);
+
+    api.onCreateComplete(() => {
+        addIntegration(api, options)
+    })
+};