Sort imports

.eslintrc.js

@@ -24,5 +24,6 @@ module.exports = {
   rules: {
     "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
     "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
+    "sort-imports": ["error", { allowSeparatedGroups: true }],
   },
 };

src/App.vue

@@ -8,8 +8,8 @@
 </template>
 
 <script>
-import { defineComponent } from "vue";
 import ReloadPrompt from "@/components/ReloadPrompt.vue";
+import { defineComponent } from "vue";
 
 export default defineComponent({
   name: "App",

src/components/HelloWorld.vue

@@ -34,7 +34,8 @@
 </template>
 
 <script lang="ts">
-import { ref, defineComponent } from "vue";
+import { defineComponent, ref } from "vue";
+
 export default defineComponent({
   name: "HelloWorld",
   props: {

src/main.ts

@@ -1,5 +1,5 @@
-import { createApp } from "vue";
 import App from "@/App.vue";
+import { createApp } from "vue";
 import { router } from "./router";
 
 createApp(App).use(router).mount("#app");

src/router/index.ts

@@ -1,4 +1,4 @@
-import { createRouter, createWebHistory, RouteRecordRaw } from "vue-router";
+import { RouteRecordRaw, createRouter, createWebHistory } from "vue-router";
 import Home from "@/views/Home.vue";
 
 const routes: Array<RouteRecordRaw> = [

src/views/Home.vue

@@ -4,8 +4,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from "vue";
 import HelloWorld from "@/components/HelloWorld.vue";
+import { defineComponent } from "vue";
 
 export default defineComponent({
   name: "Home",

vite.config.ts

@@ -1,7 +1,7 @@
+import { VitePWA } from "vite-plugin-pwa";
 import { defineConfig } from "vite";
-import vue from "@vitejs/plugin-vue";
 import path from "path";
-import { VitePWA } from "vite-plugin-pwa";
+import vue from "@vitejs/plugin-vue";
 
 // https://vitejs.dev/config/
 export default defineConfig({