formating

Author: le0pard

.prettierrc

@@ -3,7 +3,7 @@
   "tabWidth": 2,
   "useTabs": false,
   "singleQuote": true,
-  "bracketSpacing": false,
+  "bracketSpacing": true,
   "arrowParens": "always",
   "trailingComma": "none",
   "bracketSameLine": true,

src/lib/components/SqlJoins.svelte

@@ -1,20 +1,20 @@
 <script>
-  import {onMount} from 'svelte'
+  import { onMount } from 'svelte'
   import ClipboardJS from 'clipboard'
   import hljs from '@utils/highlight'
-  import {DEFAULT_VALUE, SQL_MAP} from '@utils/constants'
+  import { DEFAULT_VALUE, SQL_MAP } from '@utils/constants'
   import VennDiagram from './VennDiagram.svelte'
 
   let copyButtonEl = $state(null)
   let isButtonClicked = $state(false)
 
   let descriptionText = $state(SQL_MAP[DEFAULT_VALUE].description)
   let sqlText = $state(SQL_MAP[DEFAULT_VALUE].sql.trim())
-  let sqlExample = $derived(hljs.highlight(sqlText, {language: 'sql'}).value)
+  let sqlExample = $derived(hljs.highlight(sqlText, { language: 'sql' }).value)
   let isButtonDisabled = $derived(sqlText.length === 0)
 
   const handleClick = (state = DEFAULT_VALUE) => {
-    let {sql, description} = SQL_MAP[state]
+    let { sql, description } = SQL_MAP[state]
     sqlText = sql.trim()
     descriptionText = description
   }

src/lib/components/VennDiagram.svelte

@@ -1,9 +1,9 @@
 <script>
-  import {SVG} from '@svgdotjs/svg.js'
-  import {onMount} from 'svelte'
-  import {DEFAULT_VALUE} from '@utils/constants'
+  import { SVG } from '@svgdotjs/svg.js'
+  import { onMount } from 'svelte'
+  import { DEFAULT_VALUE } from '@utils/constants'
 
-  let {handleClick} = $props()
+  let { handleClick } = $props()
 
   let leftCircleEl = $state(null)
   let leftCircleTextEl = $state(null)
@@ -62,11 +62,11 @@
     rightCircleEl = SVG('path#rightCircle')
     rightCircleTextEl = SVG('text#rightCircleText')
 
-    leftCircleEl.on('click', () => handlePathClick({left: true}))
-    leftCircleTextEl.on('click', () => handlePathClick({left: true}))
-    intersectOfCircleEl.on('click', () => handlePathClick({center: true}))
-    rightCircleEl.on('click', () => handlePathClick({right: true}))
-    rightCircleTextEl.on('click', () => handlePathClick({right: true}))
+    leftCircleEl.on('click', () => handlePathClick({ left: true }))
+    leftCircleTextEl.on('click', () => handlePathClick({ left: true }))
+    intersectOfCircleEl.on('click', () => handlePathClick({ center: true }))
+    rightCircleEl.on('click', () => handlePathClick({ right: true }))
+    rightCircleTextEl.on('click', () => handlePathClick({ right: true }))
 
     return () => {
       leftCircleEl.off('click')

src/service-worker/activateEvent.js

@@ -1,4 +1,4 @@
-import {CACHE_NAME} from './constants'
+import { CACHE_NAME } from './constants'
 
 export default (event) => {
   event.waitUntil(

src/service-worker/constants.js

@@ -1,3 +1,3 @@
-import {version} from '$service-worker'
+import { version } from '$service-worker'
 
 export const CACHE_NAME = `sql-joins-${version}`

src/service-worker/installEvent.js

@@ -1,5 +1,5 @@
-import {build, files} from '$service-worker'
-import {CACHE_NAME} from './constants'
+import { build, files } from '$service-worker'
+import { CACHE_NAME } from './constants'
 
 export default (event) => {
   event.waitUntil(