Bump dev (incl. eslint fixes) (#302)

* Bump dev (incl. eslint fixes)

* Ordering fixes

packages/example-vue/src/index.ts

@@ -33,6 +33,25 @@ function generateAccount (ss58Format: Prefix = 42): Account {
 }
 
 const Example = Vue.extend({
+  components: {
+    Identicon
+  },
+  data: function (): Data {
+    return {
+      ...generateAccount(),
+      ss58Format: 42,
+      ss58Options
+    };
+  },
+  methods: {
+    onClickNew: function (): void {
+      const { address, phrase } = generateAccount(this.ss58Format);
+
+      this.address = address;
+      this.phrase = phrase;
+    }
+  },
+  name: 'Example',
   template: `
     <div id="example">
       <section>
@@ -62,25 +81,6 @@ const Example = Vue.extend({
       </section>
     </div>
   `,
-  name: 'Example',
-  components: {
-    Identicon
-  },
-  data: function (): Data {
-    return {
-      ...generateAccount(),
-      ss58Format: 42,
-      ss58Options
-    };
-  },
-  methods: {
-    onClickNew: function (): void {
-      const { address, phrase } = generateAccount(this.ss58Format);
-
-      this.address = address;
-      this.phrase = phrase;
-    }
-  },
   watch: {
     ss58Format: function (): void {
       this.address = keyring.encodeAddress(this.address, this.ss58Format);

packages/example-vue/webpack.config.js

@@ -13,12 +13,40 @@ module.exports = {
   devtool: 'cheap-eval-source-map',
   entry: './src/index.ts',
   mode: 'development',
+  module: {
+    rules: [
+      {
+        exclude: /(node_modules)/,
+        test: /\.(ts|tsx)$/,
+        use: [
+          {
+            loader: 'babel-loader',
+            options: require('../../babel.config.js')
+          }
+        ]
+      },
+      {
+        loader: 'vue-loader',
+        test: /\.vue$/
+      }
+    ]
+  },
   output: {
     chunkFilename: '[name].[chunkhash:8].js',
-    globalObject: '(typeof self !== \'undefined\' ? self : this)',
     filename: '[name].js',
+    globalObject: '(typeof self !== \'undefined\' ? self : this)',
     path: path.join(__dirname, 'build')
   },
+  plugins: [
+    new WebpackPluginServe({
+      hmr: false, // switch off, Chrome WASM memory leak
+      liveReload: false, // explict off, overrides hmr
+      port: 8080,
+      progress: false, // since we have hmr off, disable
+      static: __dirname
+    }),
+    new VueLoaderPlugin()
+  ],
   resolve: {
     alias: {
       '@polkadot/ui-keyring': path.resolve(__dirname, '../ui-keyring/build'),
@@ -28,33 +56,5 @@ module.exports = {
     },
     extensions: ['.js', '.ts', '.tsx']
   },
-  module: {
-    rules: [
-      {
-        test: /\.(ts|tsx)$/,
-        exclude: /(node_modules)/,
-        use: [
-          {
-            loader: 'babel-loader',
-            options: require('../../babel.config.js')
-          }
-        ]
-      },
-      {
-        test: /\.vue$/,
-        loader: 'vue-loader'
-      }
-    ]
-  },
-  plugins: [
-    new WebpackPluginServe({
-      hmr: false, // switch off, Chrome WASM memory leak
-      liveReload: false, // explict off, overrides hmr
-      progress: false, // since we have hmr off, disable
-      port: 8080,
-      static: __dirname
-    }),
-    new VueLoaderPlugin()
-  ],
   watch: true
 };