refactor: add babel transforms for ie 11 support

Author: ChristianMurphy

@uportal/content-carousel/babel.config.js

@@ -0,0 +1,7 @@
+module.exports = function(api) {
+  api.cache.never();
+  return {
+    plugins: ['babel-plugin-transform-custom-element-classes'],
+    presets: ['@vue/app'],
+  };
+};

@uportal/content-carousel/package-lock.json

@@ -9,6 +9,7 @@
   "scripts": {
     "prepublishOnly": "npm run build",
     "start": "vue-cli-service serve",
+    "prebuild": "babel node_modules/@vue/web-component-wrapper/dist/vue-wc-wrapper.js -o node_modules/@vue/web-component-wrapper/dist/vue-wc-wrapper.js",
     "build": "vue-cli-service build --name content-carousel --target wc 'src/components/*.vue'",
     "lint": "vue-cli-service lint"
   },
@@ -26,9 +27,12 @@
     "xml2js": "^0.4.19"
   },
   "devDependencies": {
+    "@babel/cli": "^7.1.0",
+    "@babel/core": "^7.1.0",
     "@vue/cli-plugin-babel": "^3.0.3",
     "@vue/cli-plugin-typescript": "^3.0.3",
     "@vue/cli-service": "^3.0.3",
+    "babel-plugin-transform-custom-element-classes": "^0.1.0",
     "node-sass": "^4.9.3",
     "sass-loader": "^7.0.3",
     "vue-template-compiler": "^2.5.16"
@@ -46,7 +50,7 @@
   "browserslist": [
     "> 1%",
     "last 2 versions",
-    "not ie <= 8"
+    "not dead"
   ],
   "description": "Display portlet content in a browsable carousel",
   "bugs": {

@uportal/content-carousel/package.json

@@ -1,6 +1,6 @@
 {
   "compilerOptions": {
-    "target": "esnext",
+    "target": "ES5",
     "module": "esnext",
     "strict": true,
     "jsx": "preserve",

@uportal/content-carousel/tsconfig.json

@@ -1,4 +1,7 @@
 module.exports = {
-  presets: ["@vue/app"],
-  plugins: ["@babel/plugin-proposal-optional-chaining"]
+  presets: ['@vue/app'],
+  plugins: [
+    '@babel/plugin-proposal-optional-chaining',
+    'babel-plugin-transform-custom-element-classes',
+  ],
 };

@uportal/esco-content-menu/babel.config.js

@@ -27,20 +27,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "eslintConfig": {
-    "root": true,
-    "env": {
-      "node": true
-    },
-    "extends": [
-      "plugin:vue/essential",
-      "eslint:recommended"
-    ],
-    "rules": {},
-    "parserOptions": {
-      "parser": "babel-eslint"
-    }
-  },
   "postcss": {
     "plugins": {
       "autoprefixer": {}

@uportal/esco-content-menu/package-lock.json

@@ -1,6 +1,6 @@
 module.exports = {
   pluginOptions: {
-    enableInSFC: true
+    enableInSFC: true,
     // },
     // css: {
     //   loaderOptions: {
@@ -10,5 +10,5 @@ module.exports = {
     //       camelCase: 'only'
     //     }
     //   }
-  }
+  },
 };

@uportal/esco-content-menu/package.json

@@ -1,3 +1,7 @@
-module.exports = {
-  presets: ["@vue/app"]
+module.exports = function(api) {
+  api.cache.never();
+  return {
+    plugins: ['babel-plugin-transform-custom-element-classes'],
+    presets: ['@vue/app'],
+  };
 };