chore: updates

Author: devcoderoad

README.md

@@ -15,6 +15,9 @@ $ yarn start
 
 # generate static project
 $ yarn generate
+
+# if you got one of these errors // ✖ eslint --cache failed without output (KILLED). ✖ prettier --check --ignore-unknown: ✖ prettier --check --ignore-unknown
+$ yarn lintfix
 ```
 
 For detailed explanation on how things work, check out the [documentation](https://nuxtjs.org).

assets/scss/_helpers.scss

@@ -142,3 +142,19 @@ $z-indexs: 0, 1, 2, 3, 9, 99, 999;
     font-size: #{$i}px !important;
   }
 }
+
+.lh-normal {
+  line-height: normal !important;
+}
+
+.lh-2em {
+  line-height: 2em !important;
+}
+
+.lh-3em {
+  line-height: 3em !important;
+}
+
+.lh-4em {
+  line-height: 4em !important;
+}

components/Footer.vue

@@ -0,0 +1,24 @@
+<template>
+  <v-footer :dark="isDark" class="mx-auto text-center mt-6">
+    <div class="text-center">
+      <img src="/nuxt.png" height="12" /> {{ title }} &copy;
+      {{ new Date().getFullYear() }}
+      All rights reserved - {{ company }}.
+      <!-- Dark Mode: <code>{{ isDark }}</code> -->
+    </div>
+  </v-footer>
+</template>
+<script>
+import { mapState } from 'vuex'
+import global from '~/constants/global'
+
+export default {
+  name: 'FooterComponent',
+  data() {
+    return { title: 'Nuxtify', company: global.company }
+  },
+  computed: {
+    ...mapState({ isDark: (state) => state.core.theme.isDark })
+  }
+}
+</script>

layouts/default.vue

@@ -100,9 +100,9 @@
       <v-btn small icon @click.stop="clipped = !clipped">
         <v-icon>mdi-application</v-icon>
       </v-btn>
-      <v-btn small icon @click.stop="fixed = !fixed">
+      <!-- <v-btn small icon @click.stop="fixed = !fixed">
         <v-icon>mdi-minus</v-icon>
-      </v-btn>
+      </v-btn> -->
       <!-- <v-toolbar-title v-text="title" /> -->
       <v-spacer />
       <v-col
@@ -175,27 +175,20 @@
         <nuxt />
       </v-container>
     </v-main>
-    <v-footer :absolute="!fixed" app :dark="isDark" class="mx-auto">
-      <span
-        ><img src="/nuxt.png" height="12" /> {{ title }} &copy;
-        {{ new Date().getFullYear() }}
-        {{ company }}. Dark Mode: <code>{{ isDark }}</code></span
-      >
-      <v-btn
-        v-show="fab"
-        v-scroll="onScroll"
-        fab
-        light
-        fixed
-        bottom
-        right
-        small
-        color="error"
-        @click="toTop"
-      >
-        <v-icon>mdi-arrow-up</v-icon>
-      </v-btn>
-    </v-footer>
+    <v-btn
+      v-show="fab"
+      v-scroll="onScroll"
+      fab
+      light
+      fixed
+      bottom
+      right
+      small
+      color="error"
+      @click="toTop"
+    >
+      <v-icon>mdi-arrow-up</v-icon>
+    </v-btn>
     <v-overlay v-if="$nuxt.isOffline" :value="overlay" z-index="1000">
       <v-banner color="warning" single-line @click:icon="alert">
         <v-icon slot="icon" color="light" size="36">

pages/charts.vue

@@ -212,10 +212,7 @@
                         eius explicabo laborum autem vel consequatur libero
                         animi alias suscipit provident qui excepturi quaerat
                         possimus atque, dignissimos aut obcaecati necessitatibus
-                        iure delectus molestiae! Dolorum, doloremque? Sequi,
-                        porro. Excepturi consequuntur iure corporis repudiandae!
-                        Mollitia non maxime architecto explicabo nulla laborum
-                        dolores?
+                        iure delectus
                       </div>
                     </v-col>
                   </v-card-text>
@@ -224,16 +221,9 @@
             </v-row>
           </v-col>
         </v-row>
-        <blockquote class="blockquote">
-          &#8220;First, solve the problem. Then, write the code.&#8221;
-          <footer>
-            <small>
-              <em>&mdash;John Johnson</em>
-            </small>
-          </footer>
-        </blockquote>
       </v-col>
     </v-row>
+    <Footer />
   </v-container>
 </template>
 
@@ -348,7 +338,7 @@ export default {
           hoverBackgroundColor: 'rgba(100, 0, 0, 0.5)',
           weight: 1,
           offset: 8,
-          radius: 180
+          radius: 190
         }
       ]
     }