Reconfig prettier

Author: zerodevx

.prettierrc

@@ -1,9 +1,8 @@
 {
-  "useTabs": false,
+  "printWidth": 100,
   "semi": false,
   "singleQuote": true,
   "trailingComma": "none",
-  "printWidth": 120,
   "proseWrap": "always",
   "svelteSortOrder": "options-scripts-styles-markup",
   "svelteIndentScriptAndStyle": false

cypress/integration/test.spec.js

@@ -24,7 +24,11 @@ describe('Integration Tests', () => {
   })
 
   it('Can change duration', () => {
-    cy.window().invoke('toast.push', 'Test', { duration: 1000 }).get('._toastItem').wait(1500).should('not.exist')
+    cy.window()
+      .invoke('toast.push', 'Test', { duration: 1000 })
+      .get('._toastItem')
+      .wait(1500)
+      .should('not.exist')
   })
 
   it('Can be non-dismissable then popped', () => {

docs/Dummy.svelte

@@ -25,11 +25,13 @@ const declined = () => clicked(false)
     <span class="font-mono text-xs font-bold">[toastId: {toastId}]</span>
   </div>
   <p class="flex-1 text-sm overflow-y-scroll">
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
-    aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+    labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+    laboris nisi ut aliquip ex ea commodo consequat.
   </p>
   <div class="h-12 flex flex-row justify-around">
     <button class="w-28 h-10 rounded-full" on:click={declined}>DECLINE</button>
-    <button class="w-28 h-10 rounded-full" on:click={accepted} data-btn="dummyAccept">ACCEPT</button>
+    <button class="w-28 h-10 rounded-full" on:click={accepted} data-btn="dummyAccept">ACCEPT</button
+    >
   </div>
 </div>

docs/index.html

@@ -23,9 +23,15 @@
           document.head.appendChild(script)
         })()
     </script>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap"
+      rel="stylesheet"
+    />
     <link rel="stylesheet" href="build/global.css" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/themes/prism-tomorrow.min.css" />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/prismjs@1/themes/prism-tomorrow.min.css"
+    />
     <script defer src="build/bundle.js"></script>
   </head>
 
@@ -41,8 +47,9 @@ <h1 class="text-4xl text-center">svelte-toast</h1>
       </a>
     </div>
     <p class="container px-2 mb-4">
-      Simple, elegant, generic, flexible and performant toast notifications. Because a demo helps better than a thousand
-      API docs, so here it is. Use in Vanilla JS (7kb gzipped) or as a Svelte component.
+      Simple, elegant, generic, flexible and performant toast notifications. Because a demo helps
+      better than a thousand API docs, so here it is. Use in Vanilla JS (7kb gzipped) or as a Svelte
+      component.
     </p>
   </body>
 </html>

src/ToastItem.svelte

@@ -69,7 +69,11 @@ onDestroy(() => {
   padding: var(--toastPadding, 0);
   background: var(--toastBackground, rgba(66, 66, 66, 0.9));
   color: var(--toastColor, #fff);
-  box-shadow: var(--toastBoxShadow, 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06));
+  box-shadow: var(
+    --toastBoxShadow,
+    0 4px 6px -1px rgba(0, 0, 0, 0.1),
+    0 2px 4px -1px rgba(0, 0, 0, 0.06)
+  );
   border: var(--toastBorder, none);
   border-radius: var(--toastBorderRadius, 0.125rem);
   position: relative;