Merge pull request #2 from atsutopia/feature/v0.0.1

axtutuu · web-flow · commit 372cefb2f79c · 2019-06-11T09:35:41.000+09:00
fix webpack config
diff --git a/README.md b/README.md
@@ -5,7 +5,7 @@
 
 A swipeable material's bottom sheet implementation, that uses [hammerjs](https://github.com/hammerjs/hammer.js).
 
-[Demo](https://atsutopia.github.io/vue-swipeable-bottom-sheet/dist)
+![vue-swipeable-bottom-sheet.gif](vue-swipeable-bottom-sheet.gif)
 
 ## Installation
 
diff --git a/example/example.vue b/example/example.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h1>Example</h1>
+    <h1>Vue Swipeable Bottom Sheet</h1>
     <button @click="open">Open</button>
     <button @click="half">Half</button>
     <button @click="close">Close</button>
diff --git a/example/index.html b/example/index.html
@@ -4,7 +4,7 @@
   <meta charset="UTF-8">
   <meta name="MobileOptimized" content="320">
   <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui, maximum-scale=1.0, minimum-scale=1.0">
-  <title>vue-swipe examples</title>
+  <title>example</title>
 </head>
 <body>
   <div id="app"></div>
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-swipeable-bottom-sheet",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "",
   "main": "dist/vue-swipeable-bottom-sheet.js",
   "scripts": {
diff --git a/src/components/SwipeableBottomSheet.vue b/src/components/SwipeableBottomSheet.vue
@@ -30,6 +30,7 @@ export default {
     }
   },
   mounted () {
+    console.log("init")
     window.onresize = () => {
       this.rect = this.$refs.card.getBoundingClientRect()
     }
diff --git a/vue-swipeable-bottom-sheet.gif b/vue-swipeable-bottom-sheet.gif
diff --git a/webpack.config.js b/webpack.config.js
@@ -13,16 +13,14 @@ module.exports = {
     rules: [
       {
         test: /\.vue$/,
-        loader: 'vue-loader',
-        options: {
-          loaders: {
-            js: 'babel-loader',
-            scss: ['postcss-loader']
-          }
-        }
+        loader: 'vue-loader'
       },
       { test: /\.js$/,
         loader: 'babel-loader'
+      },
+      {
+        test: /\.scss$/,
+        loader: ['postcss-loader']
       }
     ]
   }

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "vue-swipeable-bottom-sheet",`
`3`		`- "version": "0.0.3",`
	`3`	`+ "version": "0.0.4",`
`4`	`4`	`"description": "",`
`5`	`5`	`"main": "dist/vue-swipeable-bottom-sheet.js",`
`6`	`6`	`"scripts": {`
Original file line number	Diff line number	Diff line change
`@@ -30,6 +30,7 @@ export default {`
`30`	`30`	`}`
`31`	`31`	`},`
`32`	`32`	`mounted () {`
	`33`	`+ console.log("init")`
`33`	`34`	`window.onresize = () => {`
`34`	`35`	`this.rect = this.$refs.card.getBoundingClientRect()`
`35`	`36`	`}`
Original file line number	Diff line number	Diff line change
`@@ -13,16 +13,14 @@ module.exports = {`
`13`	`13`	`rules: [`
`14`	`14`	`{`
`15`	`15`	`test: /\.vue$/,`
`16`		`- loader: 'vue-loader',`
`17`		`- options: {`
`18`		`- loaders: {`
`19`		`- js: 'babel-loader',`
`20`		`- scss: ['postcss-loader']`
`21`		`- }`
`22`		`- }`
	`16`	`+ loader: 'vue-loader'`
`23`	`17`	`},`
`24`	`18`	`{ test: /\.js$/,`
`25`	`19`	`loader: 'babel-loader'`
	`20`	`+ },`
	`21`	`+ {`
	`22`	`+ test: /\.scss$/,`
	`23`	`+ loader: ['postcss-loader']`
`26`	`24`	`}`
`27`	`25`	`]`
`28`	`26`	`}`