added file for prettier rules

Author: devartstar

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "tabWidth": 4,
+  "useTabs": false
+}

.prettierrc.json

@@ -1,19 +1,21 @@
 <template>
-  <v-layout>
-    <v-navigation-drawer color="grey-darken-2" permanent></v-navigation-drawer>
-    <v-app-bar color="grey-lighten-2">
-		<h2>{{ title }}</h2>
-	</v-app-bar>
-    <v-main>
-      <v-card height="200px"></v-card>
-    </v-main>
-  </v-layout>
+    <v-layout>
+        <v-navigation-drawer
+            color="grey-darken-2"
+            permanent
+        ></v-navigation-drawer>
+        <v-app-bar color="grey-lighten-2">
+            <h2>{{ title }}</h2>
+        </v-app-bar>
+        <v-main>
+            <v-card height="200px"></v-card>
+        </v-main>
+    </v-layout>
 </template>
 
 <script lang="ts" setup>
-
-import { HomeStore } from '../store/Home'
+import { HomeStore } from "../store/Home";
 
 const main = HomeStore();
-const { title } = main
-</script>
+const { title } = main;
+</script>

src/components/Home.vue

@@ -1,15 +1,14 @@
 <template>
-  <v-layout>
-    <v-navigation-drawer color="grey-darken-2" permanent></v-navigation-drawer>
-    <v-app-bar color="grey-lighten-2">
-		<h2>Welcome to CircuitVerse Simulator Page</h2>
-	</v-app-bar>
-    <v-main>
-      <v-card height="200px"></v-card>
-    </v-main>
-  </v-layout>
+    <v-layout>
+        <v-navigation-drawer
+            color="grey-darken-2"
+            permanent
+        ></v-navigation-drawer>
+        <v-app-bar color="grey-lighten-2">
+            <h2>Welcome to CircuitVerse Simulator Page</h2>
+        </v-app-bar>
+        <v-main> <v-card height="200px"> </v-card> </v-main>
+    </v-layout>
 </template>
 
-<script lang="ts" setup>
-
-</script>
+<script lang="ts" setup></script>

src/components/Simulator.vue

@@ -1,10 +1,9 @@
 // Styles
-import '@mdi/font/css/materialdesignicons.css'
-import 'vuetify/styles'
+import "@mdi/font/css/materialdesignicons.css";
+import "vuetify/styles";
 
 // Vuetify
-import { createVuetify } from 'vuetify'
+import { createVuetify } from "vuetify";
 
-export default createVuetify(
-  // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
-)
+export default createVuetify();
+// https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides

src/plugins/vuetify.ts

@@ -4,12 +4,14 @@
  * webfontloader documentation: https://github.com/typekit/webfontloader
  */
 
-export async function loadFonts () {
-  const webFontLoader = await import(/* webpackChunkName: "webfontloader" */'webfontloader')
+export async function loadFonts() {
+    const webFontLoader = await import(
+        /* webpackChunkName: "webfontloader" */ "webfontloader"
+    );
 
-  webFontLoader.load({
-    google: {
-      families: ['Roboto:100,300,400,500,700,900&display=swap'],
-    },
-  })
+    webFontLoader.load({
+        google: {
+            families: ["Roboto:100,300,400,500,700,900&display=swap"],
+        },
+    });
 }