Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@codewithshin/svelte-utterances

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@codewithshin/svelte-utterances - npm Package Compare versions

Comparing version 0.1.2 to 0.2.0

2

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc