feat(HomePage): enable Magic Calculator page

rudnovd · Jul 21, 2022 · bd7b300 · bd7b300
1 parent 73d1f28
commit bd7b300
Showing 1 changed file with 3 additions and 11 deletions.
diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
@@ -3,7 +3,7 @@
     <h1>Heroes III tools</h1>
 
     <main class="page-links">
-      <div v-for="page in pages" :key="page.path" class="link-card" :class="{ disabled: page.disabled }">
+      <div v-for="page in pages" :key="page.path" class="link-card">
         <ObjectPortrait
           folder="/images/pages/home"
           :file="{ name: page.image, alt: page.image }"
@@ -13,8 +13,7 @@
         />
 
         <h2>
-          <router-link v-if="!page.disabled" :to="page.path">{{ page.name }}</router-link>
-          <span v-else>{{ page.name }}</span>
+          <router-link :to="page.path">{{ page.name }}</router-link>
         </h2>
       </div>
     </main>
@@ -59,7 +58,6 @@ export default defineComponent({
         name: t('pages.magicCalculator'),
         path: '/magic',
         image: 'Water',
-        disabled: true,
       },
       {
         name: t('pages.creaturesLibrary'),
@@ -163,12 +161,6 @@ export default defineComponent({
     transition: transform 0.15s linear;
   }
 
-  &.disabled {
-    pointer-events: none;
-    filter: grayscale(1);
-    opacity: 0.5;
-  }
-
   &:hover {
     filter: contrast(110%);
     box-shadow: 0 0 20px black;
@@ -183,4 +175,4 @@ export default defineComponent({
     }
   }
 }
-</style>
+</style>