Update packages, add scrollto on go to top button.

Author: antoniandre

.eslintrc.js

@@ -8,7 +8,7 @@ module.exports = {
     '@vue/standard'
   ],
   rules: {
-    'brace-style': [2, 'stroustrup', { 'allowSingleLine': true }],
+    'brace-style': [2, 'stroustrup', { allowSingleLine: true }],
     'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
   },

babel.config.js

@@ -1,6 +1,5 @@
 module.exports = {
   presets: [
     '@vue/cli-plugin-babel/preset'
-  ],
-  sourceType: 'unambiguous'
+  ]
 }

package-lock.json

@@ -17,13 +17,12 @@
   ],
   "dependencies": {},
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.0.5",
-    "@vue/cli-plugin-eslint": "^4.0.5",
-    "@vue/cli-service": "^4.0.5",
+    "@vue/cli-plugin-babel": "^4.1.1",
+    "@vue/cli-plugin-eslint": "^4.1.1",
+    "@vue/cli-service": "^4.1.1",
     "@vue/eslint-config-standard": "^4.0.0",
     "babel-eslint": "^10.0.3",
-    "babel-polyfill": "^6.26.0",
-    "core-js": "^3.3.2",
+    "core-js": "^3.4.8",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
     "node-sass": "^4.13.0",
@@ -37,8 +36,8 @@
     "vue-router": "^3.0.3",
     "vue-scrollto": "^2.17.1",
     "vue-template-compiler": "^2.6.10",
-    "vuetify": "^2.1.10",
-    "vuetify-loader": "^1.3.0"
+    "vuetify": "^2.1.14",
+    "vuetify-loader": "^1.4.3"
   },
   "keywords": [
     "carousel",

package.json

@@ -30,7 +30,7 @@
     <noscript>
       <strong>We're sorry but Vueper Slides documentation doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
     </noscript>
-    <a name="top"></a>
+    <a id="top" name="top"></a>
     <div id="app"></div>
     <!-- built files will be auto injected -->
   </body>

public/index.html

@@ -5,8 +5,9 @@
       router-view
 
     v-fab-transition
-      v-btn(color="primary" fixed bottom right fab v-show="!goTopHidden" small href="#top")
-        v-icon(color="white" size="26") keyboard_arrow_up
+      v-btn(color="primary" fixed bottom right fab v-show="!goTopHidden" small v-scroll-to="'#top'")
+        //- Width to prevent ugly first load animation when icon is not yet ready.
+        v-icon(color="white" size="26" style="width: 24px") keyboard_arrow_up
 
     v-footer.pa-2(color="white")
       v-layout.max-widthed(row wrap align-center justify-center)

src/app.vue

@@ -1,4 +1,7 @@
-import 'babel-polyfill'
+// Polyfill.
+import 'core-js/stable'
+import 'regenerator-runtime/runtime'
+
 import Vue from 'vue'
 import vuetify from './plugins/vuetify'
 import App from './app'