fix(frontend): Add Svelte 5 to dependencies

This commit is contained in:
TheOnlyWayUp
2025-05-27 13:08:34 +00:00
parent 5ec9b5216a
commit 2a7452e84a
16 changed files with 2351 additions and 3479 deletions
+16 -5
View File
@@ -1,12 +1,23 @@
.DS_Store
node_modules
/build
# Output
.output
.vercel
.netlify
.wrangler
/.svelte-kit
/package
/build
# OS
.DS_Store
Thumbs.db
# Env
.env
.env.*
!.env.example
.vercel
.output
!.env.test
# Vite
vite.config.js.timestamp-*
vite.config.ts.timestamp-*
+6 -3
View File
@@ -1,3 +1,6 @@
# Ignore artifacts:
build
coverage
# Package Managers
package-lock.json
pnpm-lock.yaml
yarn.lock
bun.lock
bun.lockb
+13 -16
View File
@@ -1,18 +1,15 @@
{
"trailingComma": "all",
"endOfLine": "lf",
"semi": true,
"tabWidth": 2,
"htmlWhitespaceSensitivity": "strict",
"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
"overrides": [
{
"files": "*.svelte",
"options": {
"parser": "svelte"
}
}
],
"tailwindStylesheet": "./src/app.css",
"tailwindConfig": "./tailwind.config.js"
"useTabs": true,
"singleQuote": true,
"trailingComma": "none",
"printWidth": 100,
"plugins": ["prettier-plugin-svelte", "prettier-plugin-tailwindcss"],
"overrides": [
{
"files": "*.svelte",
"options": {
"parser": "svelte"
}
}
]
}
+5 -5
View File
@@ -1,6 +1,6 @@
# create-svelte
# sv
Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
Everything you need to build a Svelte project, powered by [`sv`](https://github.com/sveltejs/cli).
## Creating a project
@@ -8,10 +8,10 @@ If you're seeing this, you've probably already done this step. Congrats!
```bash
# create a new project in the current directory
npm create svelte@latest
npx sv create
# create a new project in my-app
npm create svelte@latest my-app
npx sv create my-app
```
## Developing
@@ -35,4 +35,4 @@ npm run build
You can preview the production build with `npm run preview`.
> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
> To deploy your app, you may need to install an [adapter](https://svelte.dev/docs/kit/adapters) for your target environment.
+11 -5
View File
@@ -1,7 +1,13 @@
{
"extends": "./.svelte-kit/tsconfig.json",
"compilerOptions": {
"checkJs": true
},
"exclude": ["node_modules", "**/node_modules/*"]
"extends": "./.svelte-kit/tsconfig.json",
"compilerOptions": {
"allowJs": true,
"checkJs": false,
"moduleResolution": "bundler"
}
// Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
// except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
//
// If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
// from the referenced tsconfig.json - TypeScript does not merge them in
}
+2235 -3361
View File
File diff suppressed because it is too large Load Diff
+25 -29
View File
@@ -1,31 +1,27 @@
{
"name": "frontend",
"version": "0.0.1",
"scripts": {
"dev": "vite dev",
"build": "vite build",
"preview": "vite preview",
"format": "prettier . --write"
},
"devDependencies": {
"@fontsource/fira-mono": "^4.5.10",
"@neoconfetti/svelte": "^1.0.0",
"@sveltejs/adapter-auto": "^3.0.0",
"@sveltejs/adapter-static": "^3.0.1",
"@sveltejs/kit": "^2.20.7",
"@sveltejs/vite-plugin-svelte": "^5.0.3",
"@tailwindcss/typography": "^0.5.10",
"autoprefixer": "^10.4.16",
"daisyui": "^4.4.20",
"postcss": "^8.4.32",
"postcss-load-config": "^5.0.2",
"prettier": "^3.5.3",
"prettier-plugin-svelte": "^3.3.3",
"prettier-plugin-tailwindcss": "^0.6.11",
"svelte": "^5.28.2",
"svelte-preprocess": "^6.0.3",
"tailwindcss": "^3.3.6",
"vite": "^6.3.3"
},
"type": "module"
"name": "frontend",
"private": true,
"version": "0.0.1",
"type": "module",
"scripts": {
"dev": "vite dev",
"build": "vite build",
"preview": "vite preview",
"prepare": "svelte-kit sync || echo ''",
"format": "prettier --write .",
"lint": "prettier --check ."
},
"devDependencies": {
"@sveltejs/adapter-static": "^3.0.8",
"@sveltejs/kit": "^2.16.0",
"@sveltejs/vite-plugin-svelte": "^5.0.0",
"@tailwindcss/vite": "^4.0.0",
"daisyui": "^5.0.38",
"prettier": "^3.4.2",
"prettier-plugin-svelte": "^3.3.3",
"prettier-plugin-tailwindcss": "^0.6.11",
"svelte": "^5.0.0",
"tailwindcss": "^4.0.0",
"vite": "^6.2.6"
}
}
-12
View File
@@ -1,12 +0,0 @@
import tailwindcss from "tailwindcss";
import autoprefixer from "autoprefixer";
/** @type {import('postcss-load-config').Config} */
export default {
plugins: [
//Some plugins, like tailwindcss/nesting, need to run before Tailwind,
tailwindcss,
//But others, like autoprefixer, need to run after,
autoprefixer,
],
};
+4 -4
View File
@@ -1,4 +1,4 @@
/* Write your global styles here, in PostCSS syntax */
@tailwind base;
@tailwind components;
@tailwind utilities;
@import 'tailwindcss';
@plugin "daisyui" {
themes: bumblebee --default, abyss --prefersdark, cupcake, dracula;
}
+2 -2
View File
@@ -17,7 +17,7 @@
</style>
</svelte:head>
{@render children?.()}
{@render children()}
<footer
class="footer footer-center fixed bottom-0 bg-base-300 p-4 text-base-content"
@@ -25,7 +25,7 @@
<aside>
<div class="flex w-full max-w-lg flex-row">
<a
href="/donate"
href="https://buymeacoffee.com/theonlywayup"
target="_blank"
class="link"
data-umami-event="Footer Donate">Buy me a Coffee!</a
+2 -2
View File
@@ -133,7 +133,7 @@
>high-speed PDF Downloads</span
>
</p>
<a href="/donate" class="link" target="_blank">Donate now</a>
<a href="https://buymeacoffee.com/theonlywayup" class="link" target="_blank">Donate now</a>
</div>
</div>
<!-- <div role="alert" class="alert bg-cyan-300 mt-5">
@@ -307,7 +307,7 @@
</div>
<div class="grid grid-rows-2 justify-center gap-y-10">
<a
href="/donate"
href="https://buymeacoffee.com/theonlywayup"
target="_blank"
class="btn btn-lg mt-10 bg-cyan-200 hover:bg-green-200"
>Buy me a Coffee! 🍵</a
+3 -15
View File
@@ -1,17 +1,5 @@
import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
import adapter from "@sveltejs/adapter-static";
import adapter from '@sveltejs/adapter-static';
/** @type {import('@sveltejs/kit').Config} */
export default {
kit: {
// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
// If your environment is not supported or you settled on a specific environment, switch out the adapter.
// See https://kit.svelte.dev/docs/adapters for more information about adapters.
adapter: adapter({ strict: false }),
},
const config = { kit: { adapter: adapter() } };
preprocess: [vitePreprocess({})],
vitePlugin: {
inspector: true,
},
};
export default config;
-17
View File
@@ -1,17 +0,0 @@
import daisyui from "daisyui";
import typography from "@tailwindcss/typography";
/** @type {import('tailwindcss').Config} */
export default {
content: ["./src/**/*.{html,js,svelte,ts}"],
theme: {
extend: {},
},
plugins: [typography, daisyui],
daisyui: {
themes: ["bumblebee"],
},
};
+7 -3
View File
@@ -1,6 +1,10 @@
import { sveltekit } from "@sveltejs/kit/vite";
import { defineConfig } from "vite";
import tailwindcss from '@tailwindcss/vite';
import { sveltekit } from '@sveltejs/kit/vite';
import { defineConfig } from 'vite';
export default defineConfig({
plugins: [sveltekit()],
plugins: [tailwindcss(), sveltekit()],
server: {
allowedHosts: true
}
});