replace vaadin grid wie vuetify data table

1 files changed, 20 insertions, 10 deletions

diff --git a/webpack.common.js b/webpack.common.js
index 4883df2..7eaf192 100644
--- a/webpack.common.js
+++ b/webpack.common.js
@@ -1,5 +1,6 @@
 const path = require('path');
 const VueLoaderPlugin = require('vue-loader/lib/plugin');
+const VuetifyLoaderPlugin = require('vuetify-loader/lib/plugin')
 
 
 module.exports = {
@@ -15,18 +16,27 @@ module.exports = {
 	module: {
 		rules: [
 			{
-				test: /\.css$/,
-				use: [
-					'vue-style-loader',
-					'css-loader'
-				]
-			},
-			{
-				test: /\.scss$/,
+				test: /\.s(c|a)ss$/,
 				use: [
 					'vue-style-loader',
 					'css-loader',
-					'sass-loader'
+					{
+						loader: 'sass-loader',
+						// Requires sass-loader@^7.0.0
+						options: {
+							implementation: require('sass'),
+							fiber: require('fibers'),
+							indentedSyntax: true // optional
+						},
+						// Requires sass-loader@^8.0.0
+						options: {
+							implementation: require('sass'),
+							sassOptions: {
+								fiber: require('fibers'),
+								indentedSyntax: true // optional
+							},
+						},
+					},
 				]
 			},
 			{
@@ -47,7 +57,7 @@ module.exports = {
 			}
 		]
 	},
-	plugins: [new VueLoaderPlugin()],
+	plugins: [new VueLoaderPlugin(), new VuetifyLoaderPlugin()],
 	resolve: {
 		alias: {
 			vue$: 'vue/dist/vue.esm.js'