remove Spinners.svelte; simplify tailwind.config

kjk · Jun 26, 2024 · 5b613e8 · 5b613e8
1 parent 98590ac
commit 5b613e8
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 380 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -5,5 +5,13 @@
     "!go",
     "!javascript",
     "!svelte"
-  ]
-}
+  ],
+  "[javascript]": {
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true,
+  // "editor.codeActionsOnSave": {
+  //   "source.organizeImports": "always"
+  // }
+  },
+  "sort-imports.on-save": true,
+}
diff --git a/frontend/jsconfig.json b/frontend/jsconfig.json
@@ -8,22 +8,24 @@
      * a value or a type, so tell TypeScript to enforce using
      * `import type` instead of `import` for Types.
      */
-    "verbatimModuleSyntax": true,
+    // "verbatimModuleSyntax": true,
     "isolatedModules": true,
     "resolveJsonModule": true,
-    /**
-     * To have warnings / errors of the Svelte compiler at the
-     * correct position, enable source maps by default.
-     */
     "sourceMap": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
     "forceConsistentCasingInFileNames": true,
-    /**
-     * Typecheck JS in `.svelte` and `.js` files by default.
-     * Disable this if you'd like to use dynamic types.
-     */
-    "checkJs": true
+    "checkJs": true,
+
+    "useDefineForClassFields": true,
+    // "strict": true,
+    "jsx": "preserve",
+    "lib": ["ESNext", "DOM"],
+    "noEmit": true,
+    "allowJs": true,
+
+    // https://twitter.com/housecor/status/1768283265889136835
+    "noUncheckedIndexedAccess": true
   },
   /**
    * Use global.d.ts instead of compilerOptions.types

diff --git a/frontend/package.json b/frontend/package.json
@@ -16,7 +16,7 @@
     "docs:serve": "vitepress serve docs"
   },
   "devDependencies": {
-    "@sveltejs/vite-plugin-svelte": "^3.1.1",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0-next.3",
     "autoprefixer": "^10.4.19",
     "ist": "^1.1.7",
     "postcss": "^8.4.38",

diff --git a/frontend/src/Spinners.svelte b/frontend/src/Spinners.svelte
diff --git a/frontend/src/Test.svelte b/frontend/src/Test.svelte
@@ -1,5 +1,4 @@
 <script>
-  import Spinners from "./Spinners.svelte";
 </script>
 
 <div class="mb-4">
@@ -8,36 +7,4 @@
 
 <details>
   <summary>spinners</summary>
-  <div>Spinners rotate</div>
-  <Spinners kind="rotate" />
-
-  <div>Spinners 3dot</div>
-  <Spinners kind="3dot" />
-
-  <div>Spinners spin</div>
-  <Spinners kind="spin" />
-
-  <div>Spinners spin-portion</div>
-  <Spinners kind="spin-portion" />
-
-  <div>Spinners 3dot-inverse</div>
-  <Spinners kind="3dot-inverse" />
-
-  <div>Spinners double-spin</div>
-  <Spinners kind="double-spin" />
-
-  <div>Spinners scale/pulse</div>
-  <Spinners kind="scale/pulse" />
-
-  <div>Spinners grid-fade</div>
-  <Spinners kind="grid-fade" />
-
-  <div>Spinners perspective</div>
-  <Spinners kind="perspective" />
-
-  <div>Spinners classic-spin</div>
-  <Spinners kind="classic-spin" />
-
-  <div>Spinners classic-fadein</div>
-  <Spinners kind="classic-fadein" />
 </details>