Remove vue-template-compiler when useless

src/components/ComponentFactory.js

@@ -4,6 +4,7 @@ let webpackMerge = require('webpack-merge');
 
 let components = [
     'JavaScript',
+    'Vue',
     'Preact',
     'React',
     'Coffee',

src/components/JavaScript.js

@@ -1,13 +1,9 @@
 let glob = require('glob');
 let Assert = require('../Assert');
-let Vue = require('./Vue');
 
 class JavaScript {
     constructor() {
-        this.vue = new Vue();
         this.toCompile = [];
-
-        JavaScript.vueWebpackConfigApplied = false;
     }
 
     /**
@@ -16,14 +12,7 @@ class JavaScript {
     name() {
         let name = this.constructor.name.toLowerCase();
 
-        return name === 'javascript' ? ['js', 'vue'] : name;
-    }
-
-    /**
-     * Required dependencies for the component.
-     */
-    dependencies() {
-        return this.vue.dependencies();
+        return name === 'javascript' ? 'js' : name;
     }
 
     /**
@@ -79,19 +68,6 @@ class JavaScript {
             }
         ]);
     }
-
-    /**
-     * Override the generated webpack configuration.
-     *
-     * @param {Object} webpackConfig
-     */
-    webpackConfig(webpackConfig) {
-        if (!JavaScript.vueWebpackConfigApplied) {
-            this.vue.webpackConfig(webpackConfig);
-        }
-
-        JavaScript.vueWebpackConfigApplied = true;
-    }
 }
 
 module.exports = JavaScript;

src/components/TypeScript.js

@@ -54,8 +54,6 @@ class TypeScript extends JavaScript {
      * @param {Object} config
      */
     webpackConfig(config) {
-        super.webpackConfig(config);
-
         config.resolve.extensions.push('.ts', '.tsx');
         config.resolve.alias['vue$'] = 'vue/dist/vue.esm.js';
     }

src/components/Vue.js

@@ -1,8 +1,10 @@
 let { VueLoaderPlugin } = require('vue-loader');
 let { Chunks } = require('../Chunks');
+let JavaScript = require('./JavaScript');
 
-class Vue {
+class Vue extends JavaScript {
     constructor() {
+        super();
         this.chunks = Chunks.instance();
     }
 

test/features/extraction.js

@@ -1,7 +1,7 @@
 import mix from './helpers/setup';
 
 test.serial.cb('JS compilation with vendor extraction config', t => {
-    mix.js(
+    mix.vue(
         'test/fixtures/fake-app/resources/assets/extract/app.js',
         'js'
     ).extract(['vue'], 'js/libraries.js');
@@ -40,7 +40,7 @@ test.serial.cb(
 test.serial.cb(
     'JS compilation with vendor extraction with default config',
     t => {
-        mix.js(
+        mix.vue(
             'test/fixtures/fake-app/resources/assets/extract/app.js',
             'js'
         ).extract(['vue']);
@@ -60,7 +60,7 @@ test.serial.cb(
 );
 
 test.serial.cb('JS compilation with total vendor extraction', t => {
-    mix.js(
+    mix.vue(
         'test/fixtures/fake-app/resources/assets/extract/app.js',
         'js'
     ).extract();

test/features/mix.js

@@ -45,7 +45,7 @@ test.serial.cb('the kitchen sink', t => {
 });
 
 test.serial.cb('async chunk splitting works', t => {
-    mix.js('test/fixtures/fake-app/resources/assets/extract/app.js', 'js')
+    mix.vue('test/fixtures/fake-app/resources/assets/extract/app.js', 'js')
         .extract(['vue', 'lodash', 'core-js'])
         .options({
             babelConfig: {
@@ -70,7 +70,7 @@ test.serial.cb('async chunk splitting works', t => {
 });
 
 test.serial.cb('multiple extractions work', t => {
-    mix.js('test/fixtures/fake-app/resources/assets/extract/app.js', 'js')
+    mix.vue('test/fixtures/fake-app/resources/assets/extract/app.js', 'js')
         .extract(['vue', 'lodash'], 'js/vendor-vue-lodash.js')
         .extract(['core-js'], 'js/vendor-core-js.js')
         .options({

test/features/vue.js

@@ -286,7 +286,7 @@ test.serial.cb.only('it supports global Vue styles for sass', t => {
         less: ['test/fixtures/fake-app/resources/assets/less/global.less'],
         stylus: ['test/fixtures/fake-app/resources/assets/stylus/global.styl']
     };
-    mix.js(
+    mix.vue(
         'test/fixtures/fake-app/resources/assets/vue/app-with-vue-and-global-styles.js',
         'js/app.js'
     );