mirror of
https://github.com/tenrok/maska.git
synced 2026-05-15 11:59:38 +03:00
chore: bump deps
This commit is contained in:
+8
-4
@@ -1,5 +1,6 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
@@ -7,11 +8,14 @@
|
|||||||
<title>Maska Svelte Demo</title>
|
<title>Maska Svelte Demo</title>
|
||||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.classless.min.css" />
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.classless.min.css" />
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<nav>
|
<nav>
|
||||||
<ul>
|
<ul>
|
||||||
<li><h1>Maska demos</h1></li>
|
<li>
|
||||||
|
<h1>Maska demos</h1>
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="index.html">Vanilla JS</a></li>
|
<li><a href="index.html">Vanilla JS</a></li>
|
||||||
@@ -27,13 +31,13 @@
|
|||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
|
|
||||||
<script type="module">
|
<script type="module">
|
||||||
|
import { mount } from 'svelte'
|
||||||
import Demo from '../test/svelte/Demo.svelte'
|
import Demo from '../test/svelte/Demo.svelte'
|
||||||
|
|
||||||
new Demo({
|
mount(Demo, { target: document.getElementById('app') })
|
||||||
target: document.getElementById('app')
|
|
||||||
})
|
|
||||||
</script>
|
</script>
|
||||||
</article>
|
</article>
|
||||||
</main>
|
</main>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Generated
+1394
-946
File diff suppressed because it is too large
Load Diff
+9
-9
@@ -72,26 +72,26 @@
|
|||||||
"version": "npm run build && npm test"
|
"version": "npm run build && npm test"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@sveltejs/vite-plugin-svelte": "^3.1.1",
|
"@sveltejs/vite-plugin-svelte": "^5.0.3",
|
||||||
"@testing-library/dom": "^10.1.0",
|
"@testing-library/dom": "^10.1.0",
|
||||||
"@testing-library/jest-dom": "^6.4.5",
|
"@testing-library/jest-dom": "^6.4.5",
|
||||||
"@testing-library/svelte": "^5.1.0",
|
"@testing-library/svelte": "^5.2.6",
|
||||||
"@testing-library/user-event": "^14.5.2",
|
"@testing-library/user-event": "^14.5.2",
|
||||||
"@tsconfig/svelte": "^5.0.4",
|
"@tsconfig/svelte": "^5.0.4",
|
||||||
"@types/alpinejs": "^3.13.10",
|
"@types/alpinejs": "^3.13.10",
|
||||||
"@types/node": "^20.13.0",
|
"@types/node": "^20.13.0",
|
||||||
"@vitejs/plugin-vue": "^5.0.5",
|
"@vitejs/plugin-vue": "^5.0.5",
|
||||||
"@vitest/coverage-v8": "^2.0.2",
|
"@vitest/coverage-v8": "^3.0.4",
|
||||||
"@vue/test-utils": "^2.4.6",
|
"@vue/test-utils": "^2.4.6",
|
||||||
"alpinejs": "^3.14.0",
|
"alpinejs": "^3.14.0",
|
||||||
"jsdom": "^25.0.1",
|
"jsdom": "^26.0.0",
|
||||||
"svelte": "^4.2.17",
|
"svelte": "^5.19.6",
|
||||||
"ts-standard": "^12.0.2",
|
"ts-standard": "^12.0.2",
|
||||||
"typescript": "5.6.3",
|
"typescript": "5.6.3",
|
||||||
"vite": "^5.2.12",
|
"vite": "^6.0.11",
|
||||||
"vite-plugin-banner": "^0.7.1",
|
"vite-plugin-banner": "^0.8.0",
|
||||||
"vite-plugin-dts": "^4.3.0",
|
"vite-plugin-dts": "^4.5.0",
|
||||||
"vitest": "^2.0.2",
|
"vitest": "^3.0.4",
|
||||||
"vue": "^3.4.27"
|
"vue": "^3.4.27"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
<script lang="ts">
|
<script>
|
||||||
import BindValue from './BindValue.svelte'
|
import BindValue from './BindValue.svelte'
|
||||||
import DataAttr from './DataAttr.svelte'
|
import DataAttr from './DataAttr.svelte'
|
||||||
import Event from './Event.svelte'
|
import Event from './Event.svelte'
|
||||||
@@ -7,11 +7,11 @@
|
|||||||
import Options from './Options.svelte'
|
import Options from './Options.svelte'
|
||||||
import Simple from './Simple.svelte'
|
import Simple from './Simple.svelte'
|
||||||
|
|
||||||
let component = Simple
|
let Component = $state(Simple)
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<select bind:value={component}>
|
<select bind:value={Component}>
|
||||||
<option value={BindValue}>BindValue</option>
|
<option value={BindValue}>BindValue</option>
|
||||||
<option value={DataAttr}>DataAttr</option>
|
<option value={DataAttr}>DataAttr</option>
|
||||||
<option value={Event}>Event</option>
|
<option value={Event}>Event</option>
|
||||||
@@ -22,7 +22,7 @@
|
|||||||
</select>
|
</select>
|
||||||
|
|
||||||
<div class="comp">
|
<div class="comp">
|
||||||
<svelte:component this={component} />
|
<Component />
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user