schreifuchs/wails-template
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upgrade to svelte 5

Browse Source
This commit is contained in:
schreifuchs 2025-02-07 17:24:34 +01:00
parent fc9c9de719
commit 8ca76d21d0
6 changed files with 630 additions and 560 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/package.json
View File

@ -10,19 +10,19 @@
"check": "svelte-check --tsconfig ./tsconfig.json" "check": "svelte-check --tsconfig ./tsconfig.json"
}, },
"devDependencies": { "devDependencies": {
"@sveltejs/vite-plugin-svelte": "^1.0.1", "@sveltejs/vite-plugin-svelte": "^4.0.0",
"@tsconfig/svelte": "^3.0.0", "@tsconfig/svelte": "^3.0.0",
"autoprefixer": "^10.4.20", "autoprefixer": "^10.4.20",
"flowbite": "^3.1.1", "flowbite": "^3.1.1",
"flowbite-svelte": "^0.47.4", "flowbite-svelte": "^0.47.4",
"flowbite-svelte-icons": "^2.0.2", "flowbite-svelte-icons": "^2.0.2",
"svelte": "^3.49.0",
"svelte-check": "^2.8.0",
"svelte-preprocess": "^4.10.7",
"svelte-routing": "^2.13.0", "svelte-routing": "^2.13.0",
"svelte": "^5.0.0",
"svelte-check": "^4.0.0",
"svelte-preprocess": "^6.0.0",
"tailwindcss": "^3.4.9", "tailwindcss": "^3.4.9",
"tslib": "^2.4.0", "tslib": "^2.4.0",
"typescript": "^4.6.4", "typescript": "^5.5.0",
"vite": "^3.0.7" "vite": "^5.4.4"
} }
} }

1
frontend/package.json.md5
View File

@ -1 +0,0 @@
a5a8c3695f34d6c9bafb2ee7f70bf99a

1148
frontend/pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

24
frontend/src/App.svelte
View File

@ -1,22 +1,20 @@
<script lang="ts"> <script lang="ts">
import "./app.css"; import "./app.css";
import { Navbar, NavBrand, DarkMode } from "flowbite-svelte"; import { Router, Route, Link } from "svelte-routing";
import { Router, Route } from "svelte-routing";
import Home from "./routes/Home.svelte"; import Home from "./routes/Home.svelte";
import "./app.css"; import "./app.css";
export let url = ""; import { Navbar, NavBrand, DarkMode } from "flowbite-svelte";
let url: string = $state();
</script> </script>
<main class="flex-col h-screen items-center bg-gray-50 dark:bg-gray-800"> <main class="flex-col h-screen items-center bg-gray-50 dark:bg-gray-800">
<Navbar> <Router bind:url>
<NavBrand> <Navbar>
<span>Wails</span> <NavBrand>
</NavBrand> <Link to="/">HOME</Link>
<DarkMode /> </NavBrand>
</Navbar> <DarkMode />
<Router {url}> </Navbar>
<div> <Route path="/"><Home /></Route>
<Route path="/"><Home /></Route>
</div>
</Router> </Router>
</main> </main>

3
frontend/src/main.ts
View File

@ -1,7 +1,8 @@
import './style.css' import './style.css'
import App from './App.svelte' import App from './App.svelte'
import { mount } from "svelte";
const app = new App({ const app = mount(App, {
target: document.getElementById('app') target: document.getElementById('app')
}) })

2
frontend/svelte.config.js
View File

@ -1,7 +1,5 @@
import sveltePreprocess from 'svelte-preprocess'
export default { export default {
// Consult https://github.com/sveltejs/svelte-preprocess // Consult https://github.com/sveltejs/svelte-preprocess
// for more information about preprocessors // for more information about preprocessors
preprocess: sveltePreprocess()
} }