Merge pull request #51 from wulkanowy/dependencies

package.json

@@ -9,35 +9,35 @@
     "sitemap": "vue-cli-service sitemap"
   },
   "dependencies": {
-    "@mdi/font": "^4.7.95",
+    "@mdi/font": "^5.6.55",
     "babel-runtime": "^6.26.0",
-    "github-markdown-css": "^3.0.1",
-    "html-webpack-plugin": "^4.2.0",
-    "moment": "^2.24.0",
+    "github-markdown-css": "^4.0.0",
+    "html-webpack-plugin": "^4.5.0",
+    "moment": "^2.29.0",
     "prerender-spa-plugin": "^3.4.0",
-    "sass": "^1.24.0",
-    "vue": "^2.6.11",
-    "vue-analytics": "^5.20.2",
+    "sass": "^1.26.11",
+    "vue": "^2.6.12",
+    "vue-analytics": "^5.22.1",
     "vue-markdown": "^2.2.4",
-    "vue-material-design-icons": "^4.4.0",
+    "vue-material-design-icons": "^4.9.0",
     "vue-mq": "^1.0.1",
     "vue-resource": "^1.5.1",
-    "vue-router": "^3.1.3"
+    "vue-router": "^3.4.5"
   },
   "devDependencies": {
-    "@vue/cli-plugin-babel": "^4.1.2",
-    "@vue/cli-plugin-eslint": "^4.1.2",
-    "@vue/cli-service": "^4.1.2",
-    "@vue/eslint-config-airbnb": "^5.0.0",
-    "babel-eslint": "^10.0.3",
-    "core-js": "^3.6.1",
-    "eslint": "^6.8.0",
-    "eslint-plugin-vue": "^6.1.2",
-    "lint-staged": "^9.5.0",
-    "raw-loader": "^4.0.0",
-    "sass-loader": "^8.0.0",
-    "vue-cli-plugin-sitemap": "^2.1.1",
-    "vue-template-compiler": "^2.6.11"
+    "@vue/cli-plugin-babel": "^4.5.6",
+    "@vue/cli-plugin-eslint": "^4.5.6",
+    "@vue/cli-service": "^4.5.6",
+    "@vue/eslint-config-airbnb": "^5.1.0",
+    "babel-eslint": "^10.1.0",
+    "core-js": "^3.6.5",
+    "eslint": "^7.10.0",
+    "eslint-plugin-vue": "^7.0.1",
+    "lint-staged": "^10.4.0",
+    "raw-loader": "^4.0.1",
+    "sass-loader": "^10.0.2",
+    "vue-cli-plugin-sitemap": "^2.3.0",
+    "vue-template-compiler": "^2.6.12"
   },
   "gitHooks": {
     "pre-commit": "lint-staged"

src/components/HomeDownloadSection.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="download" class="download home-section">
     <h2 class="title">Pobieranie</h2>
-    <home-download-version-switcher v-if="$mq === 'md'" :activeSection="activeSection" />
+    <home-download-version-switcher v-if="$mq === 'md'" v-model="active" />
     <h3 class="section-name section-name-beta" v-if="$mq === 'lg'">BETA</h3>
     <h3 class="section-name section-name-dev" v-if="$mq === 'lg'">DEV</h3>
     <home-download-beta v-if="$mq === 'lg' || active === 'beta'" />
@@ -21,23 +21,9 @@
       HomeDownloadDev,
       HomeDownloadVersionSwitcher,
     },
-    data() {
-      return {
-        activeSection: {
-          data: 'beta',
-        },
-      };
-    },
-    computed: {
-      active: {
-        get() {
-          return this.activeSection.data;
-        },
-        set(value) {
-          this.activeSection.data = value;
-        },
-      },
-    },
+    data: () => ({
+      active: 'beta',
+    }),
   };
 </script>
 

src/components/HomeDownloadVersionSwitcher.vue

@@ -4,7 +4,7 @@
       class="section-name section-name-beta"
       :class="{ active: active === 'beta' }"
       @click="active = 'beta'">BETA</span>
-    <div class="devider"></div>
+    <div class="divider" />
     <span
       class="section-name section-name-dev"
       :class="{ active: active === 'dev' }"
@@ -17,13 +17,12 @@
     name: 'home-download-version-switcher',
     components: {},
     props: {
-      activeSection: Object,
-      default: {},
+      value: String,
     },
     computed: {
       active: {
         get() {
-          return this.activeSection.data;
+          return this.value;
         },
         set(value) {
           this.$ga.event({
@@ -32,7 +31,7 @@
             eventLabel: value,
             eventValue: value === 'beta' ? 0 : 1,
           });
-          this.activeSection.data = value;
+          this.$emit('input', value);
         },
       },
     },
@@ -43,7 +42,7 @@
   .download-version-switcher {
     height: 32px;
     display: flex;
-    direction: row;
+    flex-direction: row;
     margin-bottom: 16px;
     margin-left: auto;
     margin-right: auto;
@@ -74,7 +73,7 @@
     text-align: left;
   }
 
-  .devider {
+  .divider {
     width: 0;
     border: 1px solid #0006;
     height: 100%;

src/components/HomeMainHeader.vue

@@ -95,7 +95,6 @@
   };
 </script>
 
-
 <style lang="scss" scoped>
   .home-main-header {
     padding-bottom: 48px;