Set up zero config method A

Resolves #895.
EthanThatOneKid · Sep 5, 2023 · 37976c9 · 37976c9
1 parent 3d14b0f
commit 37976c9
Show file tree

Hide file tree

Showing 5 changed files with 207 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -61,6 +61,7 @@
     "tslib": "^2.4.1",
     "typescript": "^5.0.0",
     "vite": "^4.3.6",
+    "vite-plugin-webfont-dl": "^3.7.6",
     "vitest": "^0.32.2"
   },
   "dependencies": {

diff --git a/src/app.html b/src/app.html
@@ -15,6 +15,13 @@
     <meta name="msapplication-config" content="/browserconfig.xml" />
     <meta name="theme-color" content="#000" />
 
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700"
+      rel="stylesheet"
+    />
+
     <link rel="stylesheet" href="/global.css" />
     %sveltekit.head%
   </head>

diff --git a/static/global.css b/static/global.css
@@ -1,5 +1,3 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700');
-
 :root {
   --acm-sky: #38b6ff;
   --acm-blue: #2c91c6;

diff --git a/vite.config.ts b/vite.config.ts
@@ -1,8 +1,9 @@
 import { sveltekit } from '@sveltejs/kit/vite';
 import { defineConfig } from 'vitest/config';
+import webfontDownload from 'vite-plugin-webfont-dl';
 
 export default defineConfig({
-  plugins: [sveltekit()],
+  plugins: [sveltekit(), webfontDownload()],
   test: {
     include: ['src/**/*.{test,spec}.{js,ts}'],
   },