diff --git a/components/ColorInput.vue b/components/ColorInput.vue
index d162bd17..33839ac5 100644
--- a/components/ColorInput.vue
+++ b/components/ColorInput.vue
@@ -10,11 +10,11 @@
     <template v-slot:append>
       <v-menu v-model="menu" top nudge-bottom="101" nudge-left="16" :close-on-content-click="false">
         <template v-slot:activator="{ on }">
-          <div :style="swatchStyle" v-on="on"/>
+          <div :style="swatchStyle" v-on="on" />
         </template>
         <v-card>
           <v-card-text class="pa-0">
-            <v-color-picker v-model="color" flat @input="$emit('input', color)"/>
+            <v-color-picker v-model="color" flat @input="$emit('input', color)" />
           </v-card-text>
         </v-card>
       </v-menu>
diff --git a/pages/index.vue b/pages/index.vue
index 81d95453..9543e18a 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -26,7 +26,7 @@
                     <v-icon>{{ item.config.icon }}</v-icon>
                   </v-list-item-action>
                   <v-list-item-content>
-                    <v-list-item-title v-text="item.config.title"/>
+                    <v-list-item-title v-text="item.config.title" />
                   </v-list-item-content>
                 </v-list-item>
               </v-list>
diff --git a/pages/tools/converter/date-converter.vue b/pages/tools/converter/date-converter.vue
index 05c0db56..334be482 100644
--- a/pages/tools/converter/date-converter.vue
+++ b/pages/tools/converter/date-converter.vue
@@ -3,7 +3,7 @@
     <v-row>
       <v-col md="3" sm="12" class="pt-0 pb-0">
         <div class="text-center">
-          <v-switch v-model="useCurrentDate" label="Use current date"/>
+          <v-switch v-model="useCurrentDate" label="Use current date" />
         </div>
       </v-col>
 
@@ -31,7 +31,7 @@
     </v-row>
 
     <br>
-    <v-divider/>
+    <v-divider />
     <br>
     <br>
 
diff --git a/pages/tools/text/lorem-ipsum-generator.vue b/pages/tools/text/lorem-ipsum-generator.vue
index a461e8c5..6abe5b4f 100644
--- a/pages/tools/text/lorem-ipsum-generator.vue
+++ b/pages/tools/text/lorem-ipsum-generator.vue
@@ -1,6 +1,6 @@
 <template>
   <ToolWrapper :config="config()">
-    <v-slider v-model="paragraphs" min="1" max="20" label="Paragraphs" thumb-label/>
+    <v-slider v-model="paragraphs" min="1" max="20" label="Paragraphs" thumb-label />
     <v-range-slider
       v-model="sentencePerParagraph"
       min="1"
@@ -16,8 +16,8 @@
       thumb-label
       hide-details
     />
-    <v-checkbox v-model="startWithLoremIpsum" label="Start with 'Lorem ipsum ...'" hide-details/>
-    <v-checkbox v-model="asHTML" label="As HTML"/>
+    <v-checkbox v-model="startWithLoremIpsum" label="Start with 'Lorem ipsum ...'" hide-details />
+    <v-checkbox v-model="asHTML" label="As HTML" />
 
     <v-textarea
       v-model="loremIpsum"
diff --git a/pages/tools/web/qrcode-generator.vue b/pages/tools/web/qrcode-generator.vue
index b1a9980f..c9145ac2 100644
--- a/pages/tools/web/qrcode-generator.vue
+++ b/pages/tools/web/qrcode-generator.vue
@@ -8,7 +8,7 @@
           label="Data"
           :rules="rules.value"
         />
-        <v-slider v-model="size" min="100" max="1920" label="Size (preview will not change): " thumb-label/>
+        <v-slider v-model="size" min="100" max="1920" label="Size (preview will not change): " thumb-label />
         <v-select
           v-model="level"
           outlined
@@ -17,13 +17,12 @@
         />
         <v-row>
           <v-col cols="12" md="6" sm="12">
-            <ColorInput v-model="fgColor" label="Foreground color"/>
+            <ColorInput v-model="fgColor" label="Foreground color" />
           </v-col>
           <v-col cols="12" md="6" sm="12">
-            <ColorInput v-model="bgColor" label="Background color"/>
+            <ColorInput v-model="bgColor" label="Background color" />
           </v-col>
         </v-row>
-
       </v-col>
 
       <v-col cols="12" lg="6" sm="12" class="text-center mt-5 ">