From 5cbc337dcc1dfaf23bbb390e616516d4fabebd28 Mon Sep 17 00:00:00 2001 From: Eric Liu Date: Sun, 29 Nov 2020 05:52:44 -0800 Subject: [PATCH] v2 (#6) --- .travis.yml | 4 +- README.md | 15 +-- package.json | 4 +- rollup.config.js | 1 + src/Toggle.svelte | 18 +-- test.svelte | 30 +++++ types/Toggle.d.ts | 32 +++-- types/ToggleCore.d.ts | 14 +- types/index.d.ts | 2 +- yarn.lock | 293 +++++++++++++++++++++++++++++++++++++++++- 10 files changed, 362 insertions(+), 51 deletions(-) create mode 100644 test.svelte diff --git a/.travis.yml b/.travis.yml index 21f72b4..af113f4 100644 --- a/.travis.yml +++ b/.travis.yml @@ -1,4 +1,6 @@ language: node_js node_js: 12 cache: yarn -script: yarn prepack +script: + - yarn svelte-check + - yarn prepack diff --git a/README.md b/README.md index 6bc2cfb..cb88ef3 100644 --- a/README.md +++ b/README.md @@ -41,12 +41,11 @@ Customize the toggle switch descriptors through the "on" and "off" props. ``` -Alternatively, you can use named slots: +Alternatively, you can override the default slot: ```svelte - - "on" descriptor - "off" descriptor + + {toggled ? "Yes" : "No"} ``` @@ -120,7 +119,7 @@ API for the default `Toggle` component. ## Dispatched events -The `Toggle` component dispatches a "change" event. +The `Toggle` component dispatches a "toggle" event. ```svelte { - events = [...events, detail.toggled]; + on:toggle={(e) => { + events = [...events, e.detail]; }} /> -Events: {events.join(', ')} +on:toggle {events.join(', ')} ``` ## Forwarded events diff --git a/package.json b/package.json index b2bb042..5165915 100644 --- a/package.json +++ b/package.json @@ -10,6 +10,7 @@ "types": "./types/index.d.ts", "sideEffects": false, "scripts": { + "svelte-check": "svelte-check", "dev": "rollup -cw", "predeploy": "rollup -c", "deploy": "npx gh-pages -d dist", @@ -20,7 +21,8 @@ "@tsconfig/svelte": "^1.0.10", "rollup": "^2.33.2", "rollup-plugin-svelte": "^6.1.1", - "svelte": "^3.29.7", + "svelte": "^3.30.0", + "svelte-check": "^1.1.17", "svelte-readme": "^1.1.0", "typescript": "^4.0.5" }, diff --git a/rollup.config.js b/rollup.config.js index f0a9eea..65a046d 100644 --- a/rollup.config.js +++ b/rollup.config.js @@ -9,6 +9,7 @@ const BUNDLE = process.env.BUNDLE === "true"; export default () => { if (!BUNDLE) { return svelteReadme({ + svelte: { immutable: true }, minify: !DEV, prefixUrl: "https://github.com/metonym/svelte-toggle/tree/master/", style: ` diff --git a/src/Toggle.svelte b/src/Toggle.svelte index a38035c..101357c 100644 --- a/src/Toggle.svelte +++ b/src/Toggle.svelte @@ -1,4 +1,8 @@