🎉 initial commit

Author: CodesOfRa

README.md

@@ -0,0 +1,2 @@
+# Vue CLI plugin for UI5-Webcomponents
+

generator/index.js

@@ -0,0 +1,41 @@
+let ui5 = `\nVue.config.ignoredElements = [/^ui5-/];`;
+
+module.exports = (api, opts, rootOptions) => {
+    api.extendPackage({
+        dependencies: {
+            "@ui5/webcomponents": "^0.9.0"
+        }
+    });
+    if (opts.addExample) {
+        api.render('./template', {
+            ...opts,
+        });
+    }
+    api.onCreateComplete(() => {
+        // inject to main.js
+        const fs = require('fs');
+        const ext = api.hasPlugin('typescript') ?
+            'ts' :
+            'js';
+        const mainPath = api.resolve(`./src/main.${ext}`);
+        // get content
+        let contentMain = fs.readFileSync(mainPath, {
+            encoding: 'utf-8'
+        });
+        const lines = contentMain
+            .split(/\r?\n/g)
+            .reverse();
+
+        // inject import
+        const lastImportIndex = lines.findIndex(line => line.match(/^import/));
+        lines[lastImportIndex] += ui5;
+
+        // modify app
+        contentMain = lines
+            .reverse()
+            .join('\n');
+        fs.writeFileSync(mainPath, contentMain, {
+            encoding: 'utf-8'
+        });
+    });
+}

generator/template/src/UI5Example.vue

@@ -0,0 +1,8 @@
+<template>
+  <ui5-button>Button</ui5-button>
+</template>
+<script>
+import "@ui5/webcomponents/dist/Button";
+export default {};
+</script>
+

index.js

@@ -0,0 +1 @@
+module.exports = (api, opts) => {}

package.json

@@ -0,0 +1,18 @@
+{
+  "name": "vue-cli-plugin-ui5-webcomponents",
+  "version": "0.0.1",
+  "description": "",
+  "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CodesOfRa/vue-cli-plugin-ui5-webcomponents.git"
+  },
+  "keywords": [
+    "vue",
+    "vue-cli",
+    "ui5"
+  ],
+  "author": "Ramona Biscoveanu",
+  "license": "ISC",
+  "homepage": "https://github.com/CodesOfRa/vue-cli-plugin-ui5-webcomponents#readme"
+}

prompts.js

@@ -0,0 +1,6 @@
+module.exports = [{
+    name: `addExample`,
+    type: 'confirm',
+    message: 'Do you want to add  an example component to components folder?',
+    default: false
+}];