style: lint imports order

Author: StephenHulme

.prettierrc.json

@@ -1,4 +1,8 @@
 {
   "semi": false,
-  "singleQuote": true
+  "singleQuote": true,
+  "importOrder": ["^@core/(.*)$", "^@server/(.*)$", "^@ui/(.*)$", "^[./]"],
+  "importOrderSeparation": true,
+  "importOrderSortSpecifiers": true,
+  "plugins": ["@trivago/prettier-plugin-sort-imports"]
 }

package-lock.json

@@ -21,6 +21,7 @@
     "build:css": "postcss src/styles/tailwind.css -o src/styles/index.css --env production"
   },
   "dependencies": {
+    "@sanger/ui-styling": "^4.1.0",
     "@vitejs/plugin-vue": "^5.0.3",
     "axios": "^1.6.8",
     "buffer": "^6.0.3",
@@ -30,14 +31,14 @@
     "json-server": "^0.17.4",
     "jsorm": "^1.3.22",
     "mathjs": "^12.4.1",
+    "postcss": "^8.4.38",
+    "tailwindcss": "3.4.3",
     "vite": "^5.2.11",
     "vue": "^3.4.21",
-    "vue-router": "^4.3.0",
-    "tailwindcss": "3.4.3",
-    "postcss": "^8.4.38",
-    "@sanger/ui-styling": "^4.1.0"
+    "vue-router": "^4.3.0"
   },
   "devDependencies": {
+    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@vitest/coverage-v8": "^1.6.0",
     "@vue/test-utils": "^2.4.6",
     "autoprefixer": "^10.4.19",

package.json

@@ -1,6 +1,7 @@
 // server.js
-import jsonServer from 'json-server'
 import bodyParser from 'body-parser'
+import jsonServer from 'json-server'
+
 const server = jsonServer.create()
 const router = jsonServer.router()
 const middlewares = jsonServer.defaults()

server.js

@@ -31,8 +31,8 @@
 
 <script>
 import PageFooter from '@/components/PageFooter.vue'
-import PageLink from '@/components/PageLink.vue'
 import PageHeading from '@/components/PageHeading.vue'
+import PageLink from '@/components/PageLink.vue'
 
 export default {
   name: 'App',

src/App.vue

@@ -5,7 +5,6 @@
     In this case if a concentration in the replicate is above a certain threshold e.g. 20% it is
     considered an outlier and can be removed from the replicate.
 */
-
 import * as Calculations from '@/Calculations'
 
 /**