fix: upgrade vueleton

package.json

@@ -24,10 +24,10 @@
     "babel-plugin-transform-runtime": "^6.23.0",
     "babel-preset-env": "^1.6.0",
     "babili-webpack-plugin": "^0.1.2",
-    "css-loader": "^0.28.5",
+    "css-loader": "^0.28.7",
     "del": "^3.0.0",
     "eslint": "^4.5.0",
-    "eslint-config-airbnb-base": "^11.3.1",
+    "eslint-config-airbnb-base": "^11.3.2",
     "eslint-import-resolver-webpack": "^0.8.3",
     "eslint-plugin-html": "^3.2.0",
     "eslint-plugin-import": "^2.7.0",
@@ -65,9 +65,9 @@
   "homepage": "https://github.com/violentmonkey/violentmonkey",
   "license": "MIT",
   "dependencies": {
-    "codemirror": "^5.28.0",
+    "codemirror": "^5.29.0",
     "core-js": "^2.5.0",
     "vue": "^2.4.2",
-    "vueleton": "^0.3.2"
+    "vueleton": "^0.4.0"
   }
 }

scripts/webpack.base.conf.js

@@ -53,10 +53,6 @@ module.exports = {
         loader: 'babel-loader',
         include: [resolve('src'), resolve('test')]
       },
-      {
-        test: /\.esm\.js$/,
-        loader: 'babel-loader',
-      },
       styleRule({
         fallback: 'vue-style-loader',
         loaders: ['postcss-loader'],

src/common/ui/code.vue

@@ -50,7 +50,7 @@ import 'codemirror/addon/search/match-highlighter';
 import 'codemirror/addon/search/searchcursor';
 import 'codemirror/addon/selection/active-line';
 import CodeMirror from 'codemirror';
-import { Code as VlCode } from 'vueleton';
+import VlCode from 'vueleton/lib/code';
 import { debounce } from 'src/common';
 import Tooltip from './tooltip';
 

src/confirm/views/app.vue

@@ -28,7 +28,7 @@
 </template>
 
 <script>
-import { Dropdown as VlDropdown } from 'vueleton';
+import VlDropdown from 'vueleton/lib/dropdown';
 import { sendMessage, zfill, request, buffer2string, isRemote, getFullUrl } from 'src/common';
 import options from 'src/common/options';
 import initCache from 'src/common/cache';

src/options/utils/index.js

@@ -1,4 +1,4 @@
-import { Modal } from 'vueleton';
+import Modal from 'vueleton/lib/modal';
 import Message from '../views/message';
 
 export const store = {};

src/options/views/message.vue

@@ -52,8 +52,8 @@ export default {
   &-appear,
   &-enter,
   &-leave-active {
-    .vl-modal-content {
-      transform: translateY(-150%);
+    .vl-modal-content > * {
+      transform: translateY(-120%);
     }
     .vl-modal-backdrop {
       opacity: 0;
@@ -63,7 +63,7 @@ export default {
   &-enter-active,
   &-leave-active {
     &,
-    .vl-modal-content {
+    .vl-modal-content > * {
       transition: transform .5s;
     }
     .vl-modal-backdrop {

src/options/views/tab-installed.vue

@@ -34,7 +34,7 @@
 </template>
 
 <script>
-import { Dropdown as VlDropdown } from 'vueleton';
+import VlDropdown from 'vueleton/lib/dropdown';
 import { i18n, sendMessage, noop, debounce } from 'src/common';
 import Icon from 'src/common/ui/icon';
 import Tooltip from 'src/common/ui/tooltip';