@codewithshin/svelte-utterances
Advanced tools
Comparing version 0.1.2 to 0.2.0
{ | ||
"name": "@codewithshin/svelte-utterances", | ||
"version": "0.1.2", | ||
"version": "0.2.0", | ||
"description": "Svelte Utterances Component", | ||
@@ -5,0 +5,0 @@ "author": { |
# svelte-utterances | ||
## Demo | ||
[Svelte-utterances](https://svelte-utterances.vercel.app/) | ||
## Installation | ||
@@ -55,2 +59,25 @@ | ||
### Dynamic theme switching | ||
This is an example of how to reactively change the theme. | ||
```js | ||
<script> | ||
import { Utterances } from '@codewithshin/svelte-utterances' | ||
let theme = 'github-light'; | ||
const switchTheme = () => { | ||
theme = theme === 'github-light' ? 'github-dark' : 'github-light'; | ||
} | ||
</script> | ||
<button on:click={switchTheme}> | ||
<Utterances | ||
theme={theme} | ||
reponame="yourname/repo-name" | ||
/> | ||
``` | ||
Check more details [Utterances](https://utteranc.es/) | ||
@@ -57,0 +84,0 @@ |
@@ -6,4 +6,4 @@ /** @typedef {typeof __propDef.props} UtterancesProps */ | ||
reponame: any; | ||
label?: string; | ||
issueTerm?: string; | ||
label?: string; | ||
theme?: string; | ||
@@ -21,4 +21,4 @@ }, { | ||
reponame: any; | ||
label?: string; | ||
issueTerm?: string; | ||
label?: string; | ||
theme?: string; | ||
@@ -25,0 +25,0 @@ }; |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
4337
91