💬 Social media share buttons and counts for Vue.js.

Overview

Heart

Vue Socials

💬 Social media share buttons and counts for Vue.js.
Explore website »


NPM version NPM downloads GitHub issues GitHub last commit npm type definitions npm bundle size

Key FeaturesInstallationDocumentationBrowsers supportLicenseSupport the projectContributing

Key Features

  • 50+ reusable components
  • Small ~7KB (minified and gzipped)
  • Fully tree-shakeable
  • No dependencies
  • No SDK
  • Don't track the user
  • Built with a11y in mind

Installation 🚀

npm

# Vue 2
npm install vue-socials

# Vue 3
npm install [email protected]

yarn

# Vue 2
yarn add vue-socials

# Vue 3
yarn add [email protected]

Import all components

/**
 * Vue 2
 */
import Vue from 'vue'
import VueSocials from 'vue-socials';

Vue.use(VueSocials)

/**
 * Vue 3
 */
import { createApp } from 'vue'
import VueSocials from 'vue-socials';
import App from './App.vue'

const app = createApp(App)
app.use(VueSocials)

Import only specific component

/**
 * Vue 2
 */
import Vue from 'vue'
import { SGithub } from 'vue-socials';

Vue.component('SGithub', SGithub)

/**
 * Vue 3
 */
import { createApp } from 'vue'
import { SGithub } from 'vue-socials';
import App from './App.vue'

const app = createApp(App)
app.component('SGithub', SGithub)

Documentation 🤗

Browse online documentation here

Socials

B

D

E

F

G

H

I

K

L

M

O

P

Q

R

S

T

V

W

X

Y


SBlogger

Usage

">
<template>
  <s-blogger
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-blogger>
template>

<script>
  import { SBlogger } from 'vue-socials'

  export default {
    name: 'SBloggerSharing',
    
    components: { SBlogger },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: { 
          url: 'https://github.com/', 
          title: 'Title', 
          text: 'Text',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
title – your blogpost title
text – your blogpost content

{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SDevTo

Usage

">
<template>
  <s-dev-to
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-dev-to>
template>

<script>
  import { SDevTo } from 'vue-socials'

  export default {
    name: 'SDevToSharing',
    
    components: { SDevTo },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          title: 'Title',
          isPublished: false,
          tags: ['tag', 'tag2'],
          content: 'Text 1\nText 2\n{% wikipedia https://en.wikipedia.org/wiki/Wikipedia %}',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
title – your blogpost title
isPublished – is your blogpost published
tags – hashtags for blogpost
content – your blogpost content
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SDiaspora

Usage

">
<template>
  <s-diaspora
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-diaspora>
template>

<script>
  import { SDiaspora } from 'vue-socials'

  export default {
    name: 'SDiasporaSharing',
    
    components: { SDiaspora },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          title: 'Title',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
title – your blogpost title
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SDouban

Usage

">
<template>
  <s-douban
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-douban>
template>

<script>
  import { SDouban } from 'vue-socials'

  export default {
    name: 'SDoubanSharing',
    
    components: { SDouban },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          title: 'Title',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 1100, height: 450, }
shareOptions object Your share link parameters:
url – the URL you want to share
title – your blogpost title
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SEmail

Usage

">
<template>
  <s-email :share-options="shareOptions">s-email>
template>

<script>
  import { SEmail } from 'vue-socials'

  export default {
    name: 'SEmailSharing',
    
    components: { SEmail },
    
    data() {
      return {
        shareOptions: {
          mail: '[email protected]',
          cc: ['[email protected]', '[email protected]'],
          bcc: ['[email protected]', '[email protected]'],
          subject: 'Subject',
          body: 'Hello\nWorld',
        },
      }
    },
  };
script>

Props

Prop Type Description Default value
shareOptions object Your share link parameters:
mail – e-mail recipient address
subject – subject of e-mail
cc – carbon copy e-mail address
bcc – blind carbon copy e-mail address
body – body of e-mail
{}

SEvernote

Usage

">
<template>
  <s-evernote
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-evernote>
template>

<script>
  import { SEvernote } from 'vue-socials'

  export default {
    name: 'SEvernoteSharing',
    
    components: { SEvernote },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          title: 'Title',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 800, height: 560, }
shareOptions object Your share link parameters:
url – the URL you want to share
title – your blogpost title
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SFacebook

Usage

">
<template>
  <s-facebook
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-facebook>
template>

<script>
  import { SFacebook } from 'vue-socials'

  export default {
    name: 'SFacebookSharing',
    
    components: { SFacebook },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          quote: 'Quote',
          hashtag: '#Github',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 685, height: 600, }
shareOptions object Your share link parameters:
url – the URL you want to share
quote – your blogpost quote
hashtag – your blogpost hashtag
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SFacebookCount

Usage

">
<template>
  <s-facebook-count
    :share-options="shareOptions"
    @load="onLoad"
    @error="onError"
    @loading="onLoading"
  >s-facebook-count>
template>

<script>
  import { SFacebookCount } from 'vue-socials'

  export default {
    name: 'SFacebookCountSharing',
    
    components: { SFacebookCount },
    
    data() {
      return {
        tag: 'span',
        shareOptions: {
          id: 'https://github.com/',
          fields: ['id', 'og_object'],
          accessToken: '',
        },
      }
    },
    
    methods: {
      onLoad() {},
      onError() {},
      onLoading() {},
    }
  };
script>

Props

Prop Type Description Default value
shareOptions object Your share link parameters:
id – the URL you want to share
accessToken – your facebook access token
fields – a comma-separated list of fields you want to request.
{}
tag string Dynamic HTML tag or component span

Events

Event name Usage
load the request has finished successfully
error the request has finished with error
loading the request has started

⚠️ Warning

This component uses JSONP so the content won't be available during SSR.


SFacebookMessenger

Usage

">
<template>
  <s-facebook-messenger
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-facebook-messenger>
template>

<script>
  import { SFacebookMessenger } from 'vue-socials'

  export default {
    name: 'SFacebookMessengerSharing',
    
    components: { SFacebookMessenger },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          redirectUri: 'https://www.domain.com/',
          appId: 123456789,
          to: undefined,
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 685, height: 600, }
shareOptions object Your share link parameters:
url – the URL you want to share
redirectUri – The URL to redirect to after a person clicks a button on the dialog.
appId – Your app's unique identifier.
to – A user ID of a recipient. Once the dialog comes up, the sender can specify additional people as recipients.
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SFacebookWorkplace

Usage

">
<template>
  <s-facebook-workplace
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-facebook-workplace>
template>

<script>
  import { SFacebookWorkplace } from 'vue-socials'

  export default {
    name: 'SFacebookWorkplaceSharing',
    
    components: { SFacebookWorkplace },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 685, height: 600, }
shareOptions object Your share link parameters:
url – the URL you want to share
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SFlipBoard

Usage

">
<template>
  <s-flip-board
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-flip-board>
template>

<script>
  import { SFlipBoard } from 'vue-socials'

  export default {
    name: 'SFlipBoardSharing',
    
    components: { SFlipBoard },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          title: 'Title',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 834, height: 572, }
shareOptions object Your share link parameters:
url – the URL you want to share
title – your blogpost title
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SGithub

Usage

">
<template>
  <s-github
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-github>
template>

<script>
  import { SGithub } from 'vue-socials'

  export default {
    name: 'SGithubSharing',
    
    components: { SGithub },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          username: 'webistomin',
          type: 'profile',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 834, height: 572, }
shareOptions object Your share link parameters:
username – your GitHub username
type – share link type (sponsor, follow, profile)
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SGithubCount

Usage

">
<template>
  <s-github-count
    :share-options="shareOptions"
    @load="onLoad"
    @error="onError"
    @loading="onLoading"
  >s-github-count>
template>

<script>
  import { SGithubCount } from 'vue-socials'

  export default {
    name: 'SGithubCountSharing',
    
    components: { SGithubCount },
    
    data() {
      return {
        tag: 'span',
        shareOptions: {
          username: 'webistomin',
          type: 'follow',
        },
      }
    },
    
    methods: {
      onLoad() {},
      onError() {},
      onLoading() {},
    }
  };
script>

Props

Prop Type Description Default value
shareOptions object Your share link parameters:
username – your GitHub username
type – share link type (follow)
{}
tag string Dynamic HTML tag or component span

Events

Event name Usage
load the request has finished successfully
error the request has finished with error
loading the request has started

⚠️ Warning

This component uses JSONP so the content won't be available during SSR.


SGithubGist

Usage

">
<template>
  <s-github-gist
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-github-gist>
template>

<script>
  import { SGithubGist } from 'vue-socials'

  export default {
    name: 'SGithubGistSharing',
    
    components: { SGithubGist },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          username: 'ai',
          gistId: 'e3683b03ba936ade91d33dbc721cd6d8',
          type: 'star',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 834, height: 572, }
shareOptions object Your share link parameters:
username – your gist username
gistId – your gist id
type – share link type (gist, star, fork, download)
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SGithubGistCount

Usage

">
<template>
  <s-github-gist-count
    :share-options="shareOptions"
    @load="onLoad"
    @error="onError"
    @loading="onLoading"
  >s-github-gist-count>
template>

<script>
  import { SGithubGistCount } from 'vue-socials'

  export default {
    name: 'SGithubGistCountSharing',
    
    components: { SGithubGistCount },
    
    data() {
      return {
        tag: 'span',
        shareOptions: {
          gistId: 'e3683b03ba936ade91d33dbc721cd6d8',
          type: 'fork',
        },
      }
    },
    
    methods: {
      onLoad() {},
      onError() {},
      onLoading() {},
    }
  };
script>

Props

Prop Type Description Default value
shareOptions object Your share link parameters:
gistId – your gist id
type – share link type (fork)
{}
tag string Dynamic HTML tag or component span

Events

Event name Usage
load the request has finished successfully
error the request has finished with error
loading the request has started

⚠️ Warning

This component uses JSONP so the content won't be available during SSR.


SGithubRepo

Usage

">
<template>
  <s-github-repo
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-github-repo>
template>

<script>
  import { SGithubRepo } from 'vue-socials'

  export default {
    name: 'SGithubRepoSharing',
    
    components: { SGithubRepo },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          username: 'webistomin',
          repository: 'vue-socials',
          type: 'fork',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 834, height: 572, }
shareOptions object Your share link parameters:
username – your gist username
repository – your repository name
type – share link type (repo, watch, star, fork, download, issue, pr, template)
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SGithubRepoCount

Usage

">
<template>
  <s-github-repo-count
    :share-options="shareOptions"
    @load="onLoad"
    @error="onError"
    @loading="onLoading"
  >s-github-repo-count>
template>

<script>
  import { SGithubRepoCount } from 'vue-socials'

  export default {
    name: 'SGithubRepoCountSharing',
    
    components: { SGithubRepoCount },
    
    data() {
      return {
        tag: 'span',
        shareOptions: {
          username: 'webistomin',
          repository: 'nanogram.js',
          type: 'fork',
        },
      }
    },
    
    methods: {
      onLoad() {},
      onError() {},
      onLoading() {},
    }
  };
script>

Props

Prop Type Description Default value
shareOptions object Your share link parameters:
username – your github username
repository – your github repository
type – share link type (watch, type, fork, issues)
{}
tag string Dynamic HTML tag or component span

Events

Event name Usage
load the request has finished successfully
error the request has finished with error
loading the request has started

⚠️ Warning

This component uses JSONP so the content won't be available during SSR.


SGmail

Usage

">
<template>
  <s-gmail
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-gmail>
template>

<script>
  import { SGmail } from 'vue-socials'

  export default {
    name: 'SGmailSharing',
    
    components: { SGmail },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          to: '[email protected]',
          su: 'Title',
          cc: '[email protected]',
          bcc: '[email protected]',
          body: 'Hello\nWorld',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
to – e-mail recipient address
su – subject of e-mail
cc – carbon copy e-mail address
bcc – blind carbon copy e-mail address
body – body of e-mail
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SGoogleBookmarks

Usage

">
<template>
  <s-google-bookmarks
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-google-bookmarks>
template>

<script>
  import { SGoogleBookmarks } from 'vue-socials'

  export default {
    name: 'SGoogleBookmarksSharing',
    
    components: { SGoogleBookmarks },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          title: 'Title',
          annotation: 'Annotation',
          tags: ['tag'],
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
title – your bookmark title
url – your url
annotation – your text
tags – your keywords or hashtags
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SHackerNews

Usage

">
<template>
  <s-hacker-news
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-hacker-news>
template>

<script>
  import { SHackerNews } from 'vue-socials'

  export default {
    name: 'SHackerNewsSharing',
    
    components: { SHackerNews },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          title: 'Title',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
title – your bookmark title
url – your url
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SHatena

Usage

">
<template>
  <s-hatena
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-hatena>
template>

<script>
  import { SHatena } from 'vue-socials'

  export default {
    name: 'SHatenaSharing',
    
    components: { SHatena },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          title: 'Title',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
title – your bookmark title
url – your url
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SHatenaCount

Usage

">
<template>
  <s-hatena-count
    :share-options="shareOptions"
    @load="onLoad"
    @error="onError"
    @loading="onLoading"
  >s-hatena-count>
template>

<script>
  import { SHatenaCount } from 'vue-socials'

  export default {
    name: 'SHatenaCountSharing',
    
    components: { SHatenaCount },
    
    data() {
      return {
        tag: 'span',
        shareOptions: {
          url: 'https://github.com/',
        },
      }
    },
    
    methods: {
      onLoad() {},
      onError() {},
      onLoading() {},
    }
  };
script>

Props

Prop Type Description Default value
shareOptions object Your share link parameters:
url – the URL you want to share
{}
tag string Dynamic HTML tag or component span

Events

Event name Usage
load the request has finished successfully
error the request has finished with error
loading the request has started

⚠️ Warning

This component uses JSONP so the content won't be available during SSR.


SHouzz

Usage

">
<template>
  <s-houzz
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-houzz>
template>

<script>
  import { SHouzz } from 'vue-socials'

  export default {
    name: 'SHouzzSharing',
    
    components: { SHouzz },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          id: '123',
          image: 'url',
          title: 'Title',
          category: ['category'],
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 1100, height: 700, }
shareOptions object Your share link parameters:
url – Canonical URL of your product. If you already have products listed in Houzz, make sure the URLs match exactly to prevent duplicate listings and maintain accuracy of the Ideabook count.
id – A unique identifier that verifies you own this web page.
image – URL of hi-res product image.
title – Title of the product.
category – Keywords to help categorize the product. (ie. 'Wall Sconces')
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SInstaPaper

Usage

">
<template>
  <s-insta-paper
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-insta-paper>
template>

<script>
  import { SInstaPaper } from 'vue-socials'

  export default {
    name: 'SInstaPaperSharing',
    
    components: { SInstaPaper },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 600, }
shareOptions object Your share link parameters:
url – the URL you want to share
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SKakaoStory

Usage

">
<template>
  <s-kakao-story
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-kakao-story>
template>

<script>
  import { SKakaoStory } from 'vue-socials'

  export default {
    name: 'SKakaoStorySharing',
    
    components: { SKakaoStory },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          text: 'Text',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
text – your blogpost text
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SLine

Usage

">
<template>
  <s-line
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-line>
template>

<script>
  import { SLine } from 'vue-socials'

  export default {
    name: 'SLineSharing',
    
    components: { SLine },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          text: 'Text',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
text – your blogpost text
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SLineCount

Usage

">
<template>
  <s-line-count
    :share-options="shareOptions"
    @load="onLoad"
    @error="onError"
    @loading="onLoading"
  >s-line-count>
template>

<script>
  import { SLineCount } from 'vue-socials'

  export default {
    name: 'SLineCountSharing',
    
    components: { SLineCount },
    
    data() {
      return {
        tag: 'span',
        shareOptions: {
          url: 'https://github.com/',
        },
      }
    },
    
    methods: {
      onLoad() {},
      onError() {},
      onLoading() {},
    }
  };
script>

Props

Prop Type Description Default value
shareOptions object Your share link parameters:
url – the URL you want to share
{}
tag string Dynamic HTML tag or component span

Events

Event name Usage
load the request has finished successfully
error the request has finished with error
loading the request has started

SLinkedIn

Usage

">
<template>
  <s-linked-in
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-linked-in>
template>

<script>
  import { SLinkedIn } from 'vue-socials'

  export default {
    name: 'SLinkedInSharing',
    
    components: { SLinkedIn },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SLiveJournal

Usage

">
<template>
  <s-live-journal
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-live-journal>
template>

<script>
  import { SLiveJournal } from 'vue-socials'

  export default {
    name: 'SLiveJournalSharing',
    
    components: { SLiveJournal },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          subject: 'Title',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
subject – your title
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SMailRu

Usage

">
<template>
  <s-mail-ru
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-mail-ru>
template>

<script>
  import { SMailRu } from 'vue-socials'

  export default {
    name: 'SMailRuSharing',
    
    components: { SMailRu },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          title: 'Title',
          description: 'Description',
          image: '',
          swfUrl: '',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
title – your title
description – your description
image – your image
swfUrl – your flash-player with video
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SMicrosoftTeams

Usage

">
<template>
  <s-microsoft-teams
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-microsoft-teams>
template>

<script>
  import { SMicrosoftTeams } from 'vue-socials'

  export default {
    name: 'SMicrosoftTeamsSharing',
    
    components: { SMicrosoftTeams },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          preview: true,
          text: 'Text',
          title: 'Title',
          instruction: 'Instruction',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
title – Default Text to be inserted in the assignments "Title" field (50 character limit)
text – Default Text to be inserted before the link in the message compose box (200 character limit)
preview – Whether or not to show a preview of the content to share.
instruction – Default Text to be inserted in the assignments "Instructions" field (200 character limit)
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SOdnoklassniki

Usage

">
<template>
  <s-odnoklassniki
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-odnoklassniki>
template>

<script>
  import { SOdnoklassniki } from 'vue-socials'

  export default {
    name: 'SOdnoklassnikiSharing',
    
    components: { SOdnoklassniki },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SOdnoklassnikiCount

Usage

">
<template>
  <s-odnoklassniki-count
    :tag="tag"
    :share-options="shareOptions"
    @load="onLoad"
    @error="onError"
    @loading="onLoading"
  >s-odnoklassniki-count>
template>

<script>
  import { SOdnoklassnikiCount } from 'vue-socials'

  export default {
    name: 'SOdnoklassnikiCountSharing',
    
    components: { SOdnoklassnikiCount },
    
    data() {
      return {
        tag: 'span',
        shareOptions: {
          ref: 'https://github.com/',
        },
      }
    },
    
    methods: {
      onLoad() {},
      onError() {},
      onLoading() {},
    }
  };
script>

Props

Prop Type Description Default value
shareOptions object Your share link parameters:
ref – the URL you want to share
{}
tag string Dynamic HTML tag or component span

Events

Event name Usage
load the request has finished successfully
error the request has finished with error
loading the request has started

⚠️ Warning

This component uses JSONP so the content won't be available during SSR.


SPinterest

Usage

">
<template>
  <s-pinterest
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-pinterest>
template>

<script>
  import { SPinterest } from 'vue-socials'

  export default {
    name: 'SPinterestSharing',
    
    components: { SPinterest },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          media: '',
          description: 'Description',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
media – Overrides the image and substitutes a different image in the Pin Create form.
description – Overrides the default image description and substitutes an image description you provide.
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SPinterestCount

Usage

">
<template>
  <s-pinterest-count
    :tag="tag"
    :share-options="shareOptions"
    @load="onLoad"
    @error="onError"
    @loading="onLoading"
  >s-pinterest-count>
template>

<script>
  import { SPinterestCount } from 'vue-socials'

  export default {
    name: 'SPinterestCountSharing',
    
    components: { SPinterestCount },
    
    data() {
      return {
        tag: 'span',
        shareOptions: {
          url: 'https://github.com/',
        },
      }
    },
    
    methods: {
      onLoad() {},
      onError() {},
      onLoading() {},
    }
  };
script>

Props

Prop Type Description Default value
shareOptions object Your share link parameters:
url – the URL you want to share
{}
tag string Dynamic HTML tag or component span

Events

Event name Usage
load the request has finished successfully
error the request has finished with error
loading the request has started

⚠️ Warning

This component uses JSONP so the content won't be available during SSR.


SPocket

Usage

">
<template>
  <s-pocket
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-pocket>
template>

<script>
  import { SPocket } from 'vue-socials'

  export default {
    name: 'SPocketSharing',
    
    components: { SPocket },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SQZone

Usage

">
<template>
  <s-q-zone
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-q-zone>
template>

<script>
  import { SQZone } from 'vue-socials'

  export default {
    name: 'SQZoneSharing',
    
    components: { SQZone },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          title: 'Title',
          summary: 'Summary',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
title – your title
summary – your text
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SReddit

Usage

">
<template>
  <s-reddit
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-reddit>
template>

<script>
  import { SReddit } from 'vue-socials'

  export default {
    name: 'SRedditSharing',
    
    components: { SReddit },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          title: 'Title',
          text: 'Hello World!',
          selftext: true,
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
title – your title
text – your text
selftext – sets the displayed tab to the self post tab
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SRedditCount

Usage

">
<template>
  <s-reddit-count
    :tag="tag"
    :share-options="shareOptions"
    @load="onLoad"
    @error="onError"
    @loading="onLoading"
  >s-reddit-count>
template>

<script>
  import { SRedditCount } from 'vue-socials'

  export default {
    name: 'SRedditCountSharing',
    
    components: { SRedditCount },
    
    data() {
      return {
        tag: 'span',
        shareOptions: {
          url: 'https://github.com/',
        },
      }
    },
    
    methods: {
      onLoad() {},
      onError() {},
      onLoading() {},
    }
  };
script>

Props

Prop Type Description Default value
shareOptions object Your share link parameters:
url – the URL you want to share
{}
tag string Dynamic HTML tag or component span

Events

Event name Usage
load the request has finished successfully
error the request has finished with error
loading the request has started

⚠️ Warning

This component uses JSONP so the content won't be available during SSR.


SRenRen

Usage

">
<template>
  <s-ren-ren
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-ren-ren>
template>

<script>
  import { SRenRen } from 'vue-socials'

  export default {
    name: 'SRenRenSharing',
    
    components: { SRenRen },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          srcUrl: 'https://github.com/',
          resourceUrl: 'https://github.com/',
          title: 'Title',
          description: 'Description',
          pic: '',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
srcUrl – the URL you want to share
resourceUrl – the source Url of the shared resource, the default is the Referer in the header
title – your title
description – your text
pic – your image
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SSkype

Usage

">
<template>
  <s-skype
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-skype>
template>

<script>
  import { SSkype } from 'vue-socials'

  export default {
    name: 'SSkypeSharing',
    
    components: { SSkype },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          text: 'Text',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
text – your text
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SSms

Usage

">
<template>
  <s-sms
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-sms>
template>

<script>
  import { SSms } from 'vue-socials'

  export default {
    name: 'SSmsSharing',
    
    components: { SSms },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          number: '+1(999)999-99-99',
          body: 'Hello world!',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
shareOptions object Your share link parameters:
number – your number
body – your text
{}

STelegram

Usage

">
<template>
  <s-telegram
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-telegram>
template>

<script>
  import { STelegram } from 'vue-socials'

  export default {
    name: 'STelegramSharing',
    
    components: { STelegram },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          text: 'Text',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
text – your text
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SThreema

Usage

">
<template>
  <s-threema
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-threema>
template>

<script>
  import { SThreema } from 'vue-socials'

  export default {
    name: 'SThreemaSharing',
    
    components: { SThreema },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          id: '',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
id – your id
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

STrello

Usage

">
<template>
  <s-trello
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-trello>
template>

<script>
  import { STrello } from 'vue-socials'

  export default {
    name: 'STrelloSharing',
    
    components: { STrello },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          name: 'Name',
          description: 'Description',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
name – your card name
description – your card description
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

STumblr

Usage

">
<template>
  <s-tumblr
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-tumblr>
template>

<script>
  import { STumblr } from 'vue-socials'

  export default {
    name: 'STumblrSharing',
    
    components: { STumblr },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          canonicalUrl: 'https://github.com/',
          title: 'Title',
          caption: 'Caption',
          tags: ['hash', 'tag'],
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
canonicalUrl – the URL you want to share
title – title of the Text post
caption – post caption
tags – list of tags
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

STumblrCount

Usage

">
<template>
  <s-tumblr-count
    :tag="tag"
    :share-options="shareOptions"
    @load="onLoad"
    @error="onError"
    @loading="onLoading"
  >s-tumblr-count>
template>

<script>
  import { STumblrCount } from 'vue-socials'

  export default {
    name: 'STumblrCountSharing',
    
    components: { STumblrCount },
    
    data() {
      return {
        tag: 'span',
        shareOptions: {
          url: 'https://github.com/',
        },
      }
    },
    
    methods: {
      onLoad() {},
      onError() {},
      onLoading() {},
    }
  };
script>

Props

Prop Type Description Default value
shareOptions object Your share link parameters:
url – the URL you want to share
{}
tag string Dynamic HTML tag or component span

Events

Event name Usage
load the request has finished successfully
error the request has finished with error
loading the request has started

⚠️ Warning

This component uses JSONP so the content won't be available during SSR.


STwitter

Usage

">
<template>
  <s-twitter
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-twitter>
template>

<script>
  import { STwitter } from 'vue-socials'

  export default {
    name: 'STwitterSharing',
    
    components: { STwitter },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          text: 'Hello world',
          hashtags: ['hash', 'tag'],
          via: 'twitterdev',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
text – post text
via – username
hashtags – list of tags
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SViber

Usage

">
<template>
  <s-viber
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-viber>
template>

<script>
  import { SViber } from 'vue-socials'

  export default {
    name: 'SViberSharing',
    
    components: { SViber },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          text: 'Text',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
text – post text
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SVkontakte

Usage

">
<template>
  <s-vkontakte
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-vkontakte>
template>

<script>
  import { SVkontakte } from 'vue-socials'

  export default {
    name: 'SVkontakteSharing',
    
    components: { SVkontakte },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          title: 'Title',
          image: '',
          noParse: false,
          noVkLinks: false,
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
title – post title
image – image URL
noParse – don't do additional request for missing information
noVkLinks – don't add active profile links
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SVkontakteCount

Usage

">
<template>
  <s-vkontakte-count
    :tag="tag"
    :share-options="shareOptions"
    @load="onLoad"
    @error="onError"
    @loading="onLoading"
  >s-vkontakte-count>
template>

<script>
  import { SVkontakteCount } from 'vue-socials'

  export default {
    name: 'SVkontakteCountSharing',
    
    components: { SVkontakteCount },
    
    data() {
      return {
        tag: 'span',
        shareOptions: {
          url: 'https://github.com/',
        },
      }
    },
    
    methods: {
      onLoad() {},
      onError() {},
      onLoading() {},
    }
  };
script>

Props

Prop Type Description Default value
shareOptions object Your share link parameters:
url – the URL you want to share
{}
tag string Dynamic HTML tag or component span

Events

Event name Usage
load the request has finished successfully
error the request has finished with error
loading the request has started

⚠️ Warning

This component uses JSONP so the content won't be available during SSR.


SWeibo

Usage

">
<template>
  <s-weibo
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-weibo>
template>

<script>
  import { SWeibo } from 'vue-socials'

  export default {
    name: 'SWeiboSharing',
    
    components: { SWeibo },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          title: 'Title',
          appkey: '',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – the URL you want to share
title – post title
appkey – your app key
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SWhatsApp

Usage

">
<template>
  <s-whats-app
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-whats-app>
template>

<script>
  import { SWhatsApp } from 'vue-socials'

  export default {
    name: 'SWhatsAppSharing',
    
    components: { SWhatsApp },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          number: '1(999)999-99-99',
          text: 'Hello world!',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
number – your number
text – post text
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SWordPress

Usage

">
<template>
  <s-word-press
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-word-press>
template>

<script>
  import { SWordPress } from 'vue-socials'

  export default {
    name: 'SWordPressSharing',
    
    components: { SWordPress },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          domain: 'https://wordpress.org',
          url: 'https://github.com',
          title: 'Title',
          text: 'Text',
          image: '',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
title – post title
text – post text
domain – your domain
url – the url of the current page
image – url of an image file
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SXing

Usage

">
<template>
  <s-xing
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-xing>
template>

<script>
  import { SXing } from 'vue-socials'

  export default {
    name: 'SXingSharing',
    
    components: { SXing },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          followUrl: '',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – A fixed URL to be shared
followUrl – The URL of a XING news page for the Follow button shown on the success page.
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SYahoo

Usage

">
<template>
  <s-yahoo
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-yahoo>
template>

<script>
  import { SYahoo } from 'vue-socials'

  export default {
    name: 'SYahooSharing',
    
    components: { SYahoo },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          email: '[email protected]',
          subject: 'Subject',
          body: 'Hello\nWorld!',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
email – e-mail recipient address
subject – subject of e-mail
body – body of e-mail
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

SYammer

Usage

">
<template>
  <s-yammer
    :window-features="windowFeatures"
    :share-options="shareOptions"
    :use-native-behavior="useNativeBehavior"
    @popup-close="onClose"
    @popup-open="onOpen"
    @popup-block="onBlock"
    @popup-focus="onFocus"
  >s-yammer>
template>

<script>
  import { SYammer } from 'vue-socials'

  export default {
    name: 'SYammerSharing',
    
    components: { SYammer },
    
    data() {
      return {
        windowFeatures: {},
        shareOptions: {
          url: 'https://github.com/',
          text: 'Text',
          groupId: '',
        },
        useNativeBehavior: false,
      }
    },
    
    methods: {
      onClose() {},
      onOpen() {},
      onBlock() {},
      onFocus() {},
    }
  };
script>

Props

Prop Type Description Default value
windowFeatures object Pass options to window.open(). Requested features of the new window. { width: 600, height: 540, }
shareOptions object Your share link parameters:
url – A fixed URL to be shared
text – post text
groupId – your group id
{}
useNativeBehavior boolean Use native link behavior instead of window.open() or not false

Events

Event name Usage
popup-open window.open() has been opened
popup-close window.open() has been closed
popup-block window.open() has been blocked
popup-focus window.open() has been focused

Browsers support 🌎

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
iOS Safari
iOS Safari
Samsung
Samsung
Opera
Opera
Yandex
Yandex
IE11, Edge 80 60+ 60+ 10+ 10+ 12+ 50+ 14.4+

License 📄

MIT

Support the project

If you feel awesome and want to support me in a small way, please consider starring and sharing the repo!

Contributing 🎉

Found a bug? Missing a specific feature? Your contributions are always welcome! Please have a look at the contribution guidelines first.

Contributors ❤️

Thanks goes to these wonderful people (emoji key):


Alexey Istomin

️️️️ ♿️ ⚠️ 💻 🤔

BodrovIgor

🖋 🎨
Issues
  • Contributors

    Contributors

    @all-contributors please add @webistomin for a11y, tests, code and ideas

    opened by webistomin 4
  • chore(deps-dev): bump husky from 4.3.8 to 5.1.2

    chore(deps-dev): bump husky from 4.3.8 to 5.1.2

    Bumps husky from 4.3.8 to 5.1.2.

    Release notes

    Sourced from husky's releases.

    v5.1.2

    • docs: recommend prepare script instead of postinstall (#890)
    • cli: husky init use prepare script (#890)

    v5.1.1

    • style(shell): add trailing newlines (#870)
    • fix(init): update package.json postinstall

    v5.1.0

    • Add husky init

    v5.0.9

    • fix(install): do not fail if not inside a Git directory (closes #851)

    See https://github.com/typicode/husky/releases/tag/v5.0.0 for v5 release notes

    v5.0.8

    • fix(install): better handle Git <2.9 (#846) closes #844

    v5.0.7

    • fix(shell): double quote params (#824)

    v5.0.6

    • Remove unused files

    v5.0.5

    • Fix custom directory support #827

    v5.0.0

    👉 See https://typicode.github.io/husky for breaking changes and new installation instructions.

    Note about the license

    Husky 5 is released under The Parity Public License.

    It doesn't affect you if you're using husky in an Open Source project or if you're a sponsor. You're free to use it as usual and I hope you'll enjoy this new release ❤️

    If you're using husky in a commercial project, you may want to consider becoming a sponsor to support the project. You can also try it for 30 days.

    This is only for a limited time, husky will be MIT again later.

    Migrating

    Important Husky v5 brings a lot of improvements but is also very different from v4. Git hooks won't work if you only upgrade husky dependency, existing config needs to be migrated too.

    The best way to switch to v5 is to follow the new installation instructions and migrate existing hooks command using husky add.

    v5.0.0-alpha.5

    No release notes provided.

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 2
  • chore(deps-dev): bump @typescript-eslint/eslint-plugin from 4.16.1 to 4.17.0

    chore(deps-dev): bump @typescript-eslint/eslint-plugin from 4.16.1 to 4.17.0

    Bumps @typescript-eslint/eslint-plugin from 4.16.1 to 4.17.0.

    Release notes

    Sourced from @​typescript-eslint/eslint-plugin's releases.

    v4.17.0

    4.17.0 (2021-03-08)

    Bug Fixes

    • eslint-plugin: [no-unnecessary-type-assertion] handle assignment (#3133) (cb22561)

    Features

    • eslint-plugin: [strict-bool-expr] add fixes and suggestions (#2847) (3f9e9a1)
    Changelog

    Sourced from @​typescript-eslint/eslint-plugin's changelog.

    4.17.0 (2021-03-08)

    Bug Fixes

    • eslint-plugin: [no-unnecessary-type-assertion] handle assignment (#3133) (cb22561)

    Features

    • eslint-plugin: [strict-bool-expr] add fixes and suggestions (#2847) (3f9e9a1)
    Commits
    • dd25790 chore: publish v4.17.0
    • cb22561 fix(eslint-plugin): [no-unnecessary-type-assertion] handle assignment (#3133)
    • 3f9e9a1 feat(eslint-plugin): [strict-bool-expr] add fixes and suggestions (#2847)
    • ae0271c docs(eslint-plugin): correct no longer valid references and examples (#3152)
    • See full diff in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 2
  • chore(deps-dev): bump husky from 4.3.8 to 6.0.0

    chore(deps-dev): bump husky from 4.3.8 to 6.0.0

    Bumps husky from 4.3.8 to 6.0.0.

    Release notes

    Sourced from husky's releases.

    v6.0.0

    After being in early access for Open Source projects and Sponsors for a limited time, I'm happy to announce that husky 6 is MIT again and can be freely used in commercial projects! 🎉

    Many thanks to the Open Source projects and Companies which have switched to/sponsored the new husky during this period!

    OSS is my full-time job, please consider sponsoring the development of husky on GitHub sponsors or Open Collective. Thank you!

    Breaking change

    • husky init has been moved to its own package (npx husky-init)

    Added

    • Programmatically use husky: require('husky')
    • TypeScript definitions

    Migrating from husky 4

    Husky 6 contains breaking changes. If you're coming from v4, npm install [email protected] won't be enough.

    Recommended: see husky-4-to-6 CLI to automatically migrate your config. There's also a dedicated section in the docs.

    If you're curious why config has changed, you may be interested in reading: https://blog.typicode.com/husky-git-hooks-javascript-config/

    Also Husky 6 follows official npm and Yarn best practices regarding autoinstall. It's recommended to use prepare script instead (see usage in docs).

    v5.2.0

    • Add set command to replace hooks (husky set .husky/pre-commit cmd)
    • Update add command to append command (husky add .husky/pre-commit cmd)
    • Improve error messages

    v5.1.3

    • docs: add specific Yarn v2 install/uninstall instructions
    • cli: husky init will detect Yarn v2 and initialize accordingly

    v5.1.2

    • docs: recommend prepare script instead of postinstall (#890)
    • cli: husky init use prepare script (#890)

    v5.1.1

    • style(shell): add trailing newlines (#870)
    • fix(init): update package.json postinstall

    v5.1.0

    • Add husky init

    v5.0.9

    • fix(install): do not fail if not inside a Git directory (closes #851)

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 2
  • chore(deps-dev): bump @storybook/addon-links from 6.2.8 to 6.3.4

    chore(deps-dev): bump @storybook/addon-links from 6.2.8 to 6.3.4

    Bumps @storybook/addon-links from 6.2.8 to 6.3.4.

    Release notes

    Sourced from @​storybook/addon-links's releases.

    v6.3.4

    Maintenance

    • Addon-docs: Cache DocsContext on window to prevent duplication (#15428)

    v6.3.3

    Bug Fixes

    • Webpack5: Quit process after finishing a static build (#15483)
    • Addon-docs/Angular: Fix numeric args default value handling (#15491)
    • Angular: Fix circular reference not being handled in moduleMetadata (#15410)
    • Core: Fix double rebuilds by removing aggregateTimeout (#15372)
    • CLI: Fix NPM typo (#15461)

    v6.3.2

    Bug Fixes

    • Essentials: Update measure and outline. Fix alt+tab issues on windows. (#15402)
    • Core: Fix decorator context update (#15408)
    • Revert "Vue3: Update args without re-mounting component" (#15409)
    • Upgrade bad release of react-docgen-typescript-plugin (#15432)

    v6.3.1

    Bug Fixes

    • Core: Only use dotenv-webpack when a user has a dotenv file (#15365)
    • Essentials: Update addon measure and outline (#15354)
    • Actions: Don't override existing action args (#15394)
    • Svelte: Fix argType.type.name extraction (#15332)
    • CSF3: Genericize feature flagging and fix webpack5 (#15375)
    • Webpack5: Fix warnings typo (#15374)
    • UI: Fix navigation after no story error (#15349)
    • CSF3: Rename setup to play (#15358)
    • Upgrade dotenv-webpack to 7.0.x (#15343)

    v6.3.0

    Optimized for UI development

    SB6.3 adds new UI development and testing features, while evolving with the JS ecosystem:

    • 📐 Layout debugging with Measure and Outline addons
    • 🔌 Reuse your stories in unit tests: Jest, Cypress & more
    • 🚀 Frameworks: Angular 12 Ivy, Lit2 web components
    • 🛠 Builders: Webpack5 stable, Vite community
    • 📦 Packaging: Modern ESM

    It also contains hundreds more fixes, features, and tweaks. Browse the changelogs matching 6.3.0-alpha.*, 6.3.0-beta.*, and 6.3.0-rc.* for the full list of changes. See Storybook 6 migration guide to upgrade from 5.x or MIGRATION.md for detailed migration instructions.

    v6.3.0-rc.12

    Features

    ... (truncated)

    Changelog

    Sourced from @​storybook/addon-links's changelog.

    6.3.4 (July 8, 2021)

    Maintenance

    • Addon-docs: Cache DocsContext on window to prevent duplication (#15428)

    6.3.3 (July 7, 2021)

    Bug Fixes

    • Webpack5: Quit process after finishing a static build (#15483)
    • Addon-docs/Angular: Fix numeric args default value handling (#15491)
    • Angular: Fix circular reference not being handled in moduleMetadata (#15410)
    • Core: Fix double rebuilds by removing aggregateTimeout (#15372)
    • CLI: Fix NPM typo (#15461)

    6.4.0-alpha.12 (July 7, 2021)

    Bug Fixes

    • Webpack5: Quit process after finishing a static build (#15483)
    • Addon-docs/Angular: Fix numeric args default value handling (#15491)

    Maintenance

    • Angular: Make Ivy work by default in the angular-cli example (#15280)
    • Official-storybook: Fix shortcut for navigating to previous language (#15489)
    • Addon-docs: Add docs to standalone example (#7848)
    • Build: Update Yarn cache setup in GitHub Actions workflow (#15480)

    6.4.0-alpha.11 (July 3, 2021)

    Bug Fixes

    • UI: Fix sidebar toggle in fullscreen mode (#15459)
    • Angular: Fix circular reference not being handled in moduleMetadata (#15410)

    Maintenance

    • Addon-a11y: Reverse help and description labels in accordion (#15466)

    6.4.0-alpha.10 (July 2, 2021)

    Features

    • UI: Display menu icon on the toolbar when the sidebar is collapsed (#15369)

    Bug Fixes

    • Core: Fix double rebuilds by removing aggregateTimeout (#15372)

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 2
  • chore(deps-dev): bump rollup-plugin-vue from 5.1.9 to 6.0.0

    chore(deps-dev): bump rollup-plugin-vue from 5.1.9 to 6.0.0

    Bumps rollup-plugin-vue from 5.1.9 to 6.0.0.

    Changelog

    Sourced from rollup-plugin-vue's changelog.

    6.0.0 (2020-11-25)

    Features

    6.0.0-beta.11 (2020-11-02)

    Bug Fixes

    • add language fallback for template code (#407) (e334e8c)
    • avoid adding render function when no template in an SFC (#387) (6960203)
    • avoid conflicting filename for sourcemaps (#375) (4ec1315)
    • default render function name for ssr (#402) (714afd7)
    • support options for template block preprocessor render (#377) (3222451)

    Features

    • add watchers to imports within vue files (#385) (cd41410)

    6.0.0-beta.9 (2020-07-16)

    Features

    • distinguish options for different CSS preprocessing languages (#366) (860595e)

    6.0.0-beta.8 (2020-07-15)

    Bug Fixes

    • backwards compat with older versions of compiler-sfc (7cb9fa4)

    6.0.0-beta.7 (2020-07-15)

    Features

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 2
  • chore(deps-dev): bump eslint-plugin-vue from 7.5.0 to 7.6.0

    chore(deps-dev): bump eslint-plugin-vue from 7.5.0 to 7.6.0

    Bumps eslint-plugin-vue from 7.5.0 to 7.6.0.

    Release notes

    Sourced from eslint-plugin-vue's releases.

    v7.6.0

    ✨ Enhancements

    New Rules:

    • #1001, #1432 Added vue/html-button-has-type rule.

    Other changes in Rules:

    • #1429 Added "SLOT" option to vue/attributes-order rule to specify v-slot order.
    • #1430 Changed the option schema for the following rules to be stricter. Incorrect options are reported as errors.
      • vue/attributes-order rule.
      • vue/component-tags-order rule.
      • vue/max-attributes-per-line rule.
      • vue/new-line-between-multi-line-property rule.
      • vue/no-bare-strings-in-template rule.
      • vue/no-duplicate-attributes rule.
      • vue/no-potential-component-option-typo rule.
      • vue/no-reserved-component-names rule.
      • vue/no-use-v-if-with-v-for rule.
      • vue/no-useless-mustaches rule.
      • vue/no-useless-v-bind rule.
      • vue/valid-v-slot rule.
    • #1436 Improved autofix of vue/no-deprecated-slot-attribute rule when slot name contains _.

    🐛 Bug Fixes

    • #1434 Fixed false negatives for v-bind="object" in vue/attributes-order rule.

    :gear: Updates

    • #1440 Upgrade vue-eslint-parser to v7.5.0.
      This change fixes an issue that caused a crash when using some queries with vue/no-restricted-syntax rule.

    All commits: v7.5.0 -> v7.6.0

    Commits
    • 4ae9178 7.6.0
    • 43f76df Upgrade vue-eslint-parser to v7.5.0 (#1440)
    • 4b41399 Improved autofix of vue/no-deprecated-slot-attribute rule when slot name cont...
    • b978258 Fix false negatives for v-bind="object" in vue/attributes-order rule (#1434)
    • 5129cef Change vue/html-button-has-type rule (#1432)
    • 9a9461a New: vue/html-button-has-type rule (#1001)
    • 47e3f89 Change options schema to strictly. (#1430)
    • 7965d12 Add "SLOT" option to vue/attributes-order rule to specify v-slot order. (#1429)
    • See full diff in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 2
  • chore(deps-dev): bump eslint from 7.18.0 to 7.20.0

    chore(deps-dev): bump eslint from 7.18.0 to 7.20.0

    Bumps eslint from 7.18.0 to 7.20.0.

    Release notes

    Sourced from eslint's releases.

    v7.20.0

    • f4ac3b0 Docs: fix sibling selector descriptions (#14099) (Milos Djermanovic)
    • 9d6063a Fix: Crash with esquery when using JSX (fixes #13639) (#14072) (Yosuke Ota)
    • a0871f1 Docs: Triage process (#14014) (Nicholas C. Zakas)
    • ad90761 Update: add enforceForJSX option to no-unused-expressions rule (#14012) (Duncan Beevers)
    • d6c84af Fix: --init autoconfig shouldn't add deprecated rules (fixes #14017) (#14060) (Milos Djermanovic)
    • 9b277a1 Fix: Support ENOTDIR error code in the folder existence checking utility (#13973) (Constantine Genchevsky)
    • 7aeb127 Upgrade: pin @babel/[email protected] (#14067) (Milos Djermanovic)
    • b4e2af5 Docs: Add more fields to bug report template (#14039) (Nicholas C. Zakas)
    • 96f1d49 Sponsors: Sync README with website (ESLint Jenkins)
    • cb27b0a Build: package.json update for eslint-config-eslint release (ESLint Jenkins)
    • 4cab165 Sponsors: Sync README with website (ESLint Jenkins)

    v7.19.0

    • ce7f061 Update: add shadowed variable loc to message in no-shadow (fixes #13646) (#13841) (t-mangoe)
    • c60e23f Update: fix let logic in for-in and for-of loops in no-extra-parens (#14011) (Milos Djermanovic)
    • d76e8f6 Fix: no-useless-rename invalid autofix with parenthesized identifiers (#14032) (Milos Djermanovic)
    • 5800d92 Docs: Clarify stylistic rule update policy (#14052) (Brandon Mills)
    • 0ccf6d2 Docs: remove configuring.md (#14036) (Milos Djermanovic)
    • 65bb0ab Chore: Clean up new issue workflow (#14040) (Nicholas C. Zakas)
    • e1da90f Fix: nested indenting for offsetTernaryExpressions: true (fixes #13971) (#13972) (Chris Brody)
    • 1a078b9 Update: check ternary : even if ? was reported in space-infix-ops (#13963) (Milos Djermanovic)
    • fb27422 Fix: extend prefer-const fixer range to whole declaration (fixes #13899) (#14033) (Nitin Kumar)
    • e0b05c7 Docs: add a correct example to no-unsafe-optional-chaining (refs #14029) (#14050) (armin yahya)
    • 46e836d Sponsors: Sync README with website (ESLint Jenkins)
    • 3fc4fa4 Docs: update configuring links (#14038) (Milos Djermanovic)
    • 8561c21 Docs: fix broken links in configuring/README.md (#14046) (Milos Djermanovic)
    • 1c309eb Update: fix no-invalid-regexp false negatives with no flags specified (#14018) (Milos Djermanovic)
    • f6602d5 Docs: Reorganize Configuration Documentation (#13837) (klkhan)
    • c753b44 Sponsors: Sync README with website (ESLint Jenkins)
    • a4fdb70 Docs: Fixed Typo (#14007) (Yash Singh)
    • f7ca481 Docs: Explain why we disable lock files (refs eslint/tsc-meetings#234) (#14006) (Brandon Mills)
    Changelog

    Sourced from eslint's changelog.

    v7.20.0 - February 12, 2021

    • f4ac3b0 Docs: fix sibling selector descriptions (#14099) (Milos Djermanovic)
    • 9d6063a Fix: Crash with esquery when using JSX (fixes #13639) (#14072) (Yosuke Ota)
    • a0871f1 Docs: Triage process (#14014) (Nicholas C. Zakas)
    • ad90761 Update: add enforceForJSX option to no-unused-expressions rule (#14012) (Duncan Beevers)
    • d6c84af Fix: --init autoconfig shouldn't add deprecated rules (fixes #14017) (#14060) (Milos Djermanovic)
    • 9b277a1 Fix: Support ENOTDIR error code in the folder existence checking utility (#13973) (Constantine Genchevsky)
    • 7aeb127 Upgrade: pin @babel/[email protected] (#14067) (Milos Djermanovic)
    • b4e2af5 Docs: Add more fields to bug report template (#14039) (Nicholas C. Zakas)
    • 96f1d49 Sponsors: Sync README with website (ESLint Jenkins)
    • cb27b0a Build: package.json update for eslint-config-eslint release (ESLint Jenkins)
    • 4cab165 Sponsors: Sync README with website (ESLint Jenkins)

    v7.19.0 - January 30, 2021

    • ce7f061 Update: add shadowed variable loc to message in no-shadow (fixes #13646) (#13841) (t-mangoe)
    • c60e23f Update: fix let logic in for-in and for-of loops in no-extra-parens (#14011) (Milos Djermanovic)
    • d76e8f6 Fix: no-useless-rename invalid autofix with parenthesized identifiers (#14032) (Milos Djermanovic)
    • 5800d92 Docs: Clarify stylistic rule update policy (#14052) (Brandon Mills)
    • 0ccf6d2 Docs: remove configuring.md (#14036) (Milos Djermanovic)
    • 65bb0ab Chore: Clean up new issue workflow (#14040) (Nicholas C. Zakas)
    • e1da90f Fix: nested indenting for offsetTernaryExpressions: true (fixes #13971) (#13972) (Chris Brody)
    • 1a078b9 Update: check ternary : even if ? was reported in space-infix-ops (#13963) (Milos Djermanovic)
    • fb27422 Fix: extend prefer-const fixer range to whole declaration (fixes #13899) (#14033) (Nitin Kumar)
    • e0b05c7 Docs: add a correct example to no-unsafe-optional-chaining (refs #14029) (#14050) (armin yahya)
    • 46e836d Sponsors: Sync README with website (ESLint Jenkins)
    • 3fc4fa4 Docs: update configuring links (#14038) (Milos Djermanovic)
    • 8561c21 Docs: fix broken links in configuring/README.md (#14046) (Milos Djermanovic)
    • 1c309eb Update: fix no-invalid-regexp false negatives with no flags specified (#14018) (Milos Djermanovic)
    • f6602d5 Docs: Reorganize Configuration Documentation (#13837) (klkhan)
    • c753b44 Sponsors: Sync README with website (ESLint Jenkins)
    • a4fdb70 Docs: Fixed Typo (#14007) (Yash Singh)
    • f7ca481 Docs: Explain why we disable lock files (refs eslint/tsc-meetings#234) (#14006) (Brandon Mills)
    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 2
  • chore(deps-dev): bump consola from 2.15.0 to 2.15.3

    chore(deps-dev): bump consola from 2.15.0 to 2.15.3

    Bumps consola from 2.15.0 to 2.15.3.

    Release notes

    Sourced from consola's releases.

    v2.15.2

    Bug Fixes

    v2.15.1

    Bug Fixes

    • skip logObj check for wrapped calls (fixes #109) (091a244)
    Changelog

    Sourced from consola's changelog.

    2.15.3 (2021-02-07)

    Bug Fixes

    • add .raw to mocked functions (987dadc)

    2.15.2 (2021-02-03)

    Bug Fixes

    2.15.1 (2021-02-02)

    Bug Fixes

    • skip logObj check for wrapped calls (fixes #109) (091a244)
    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 2
  • chore(deps-dev): bump rollup from 2.38.0 to 2.40.0

    chore(deps-dev): bump rollup from 2.38.0 to 2.40.0

    Bumps rollup from 2.38.0 to 2.40.0.

    Release notes

    Sourced from rollup's releases.

    v2.39.1

    2021-02-23

    Bug Fixes

    • Make sure local variables named Symbol, Object or Promise do not conflict with code generated by Rollup (#3971)

    Pull Requests

    v2.39.0

    2021-02-12

    Features

    • Add "validate" option to verify generated chunks are valid JavaScript (#3952)

    Bug Fixes

    • Always add exports properties for uninitialized named exports (#3957)
    • Allow using an external namespace reexport together with named exports (#3959)
    • Avoid invalid generated code in certain scenarios with SystemJS exports (#3960)

    Pull Requests

    v2.38.5

    2021-02-05

    Bug Fixes

    • Prevent invalid code when simplifying assignments and delcarations (#3951)
    • Prevent behaviour-changing line-breaks when simplifying assignments in return statements (#3951)
    • Slightly improve white-space rendering when simplifying certain expressions (#3951)

    Pull Requests

    v2.38.4

    2021-02-02

    Bug Fixes

    • Do not change logic when tree-shaking declarations in if statements or loops (#3947)

    Pull Requests

    v2.38.3

    ... (truncated)

    Changelog

    Sourced from rollup's changelog.

    2.40.0

    2021-02-26

    Features

    • Make sure that entry point variable names take precedence over variable names in dependencies when deconflicting (#3977)

    Bug Fixes

    • Replace : in generated file names to prevent invalid files on Windows (#3972)

    Pull Requests

    2.39.1

    2021-02-23

    Bug Fixes

    • Make sure local variables named Symbol, Object or Promise do not conflict with code generated by Rollup (#3971)

    Pull Requests

    2.39.0

    2021-02-12

    Features

    • Add "validate" option to verify generated chunks are valid JavaScript (#3952)

    Bug Fixes

    • Always add exports properties for uninitialized named exports (#3957)
    • Allow using an external namespace reexport together with named exports (#3959)
    • Avoid invalid generated code in certain scenarios with SystemJS exports (#3960)

    Pull Requests

    2.38.5

    2021-02-05

    Bug Fixes

    • Prevent invalid code when simplifying assignments and delcarations (#3951)
    • Prevent behaviour-changing line-breaks when simplifying assignments in return statements (#3951)
    • Slightly improve white-space rendering when simplifying certain expressions (#3951)

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 2
  • chore(deps-dev): bump @storybook/addons from 6.2.8 to 6.3.5

    chore(deps-dev): bump @storybook/addons from 6.2.8 to 6.3.5

    Bumps @storybook/addons from 6.2.8 to 6.3.5.

    Release notes

    Sourced from @​storybook/addons's releases.

    v6.3.5

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    v6.3.4

    Maintenance

    • Addon-docs: Cache DocsContext on window to prevent duplication (#15428)

    v6.3.3

    Bug Fixes

    • Webpack5: Quit process after finishing a static build (#15483)
    • Addon-docs/Angular: Fix numeric args default value handling (#15491)
    • Angular: Fix circular reference not being handled in moduleMetadata (#15410)
    • Core: Fix double rebuilds by removing aggregateTimeout (#15372)
    • CLI: Fix NPM typo (#15461)

    v6.3.2

    Bug Fixes

    • Essentials: Update measure and outline. Fix alt+tab issues on windows. (#15402)
    • Core: Fix decorator context update (#15408)
    • Revert "Vue3: Update args without re-mounting component" (#15409)
    • Upgrade bad release of react-docgen-typescript-plugin (#15432)

    v6.3.1

    Bug Fixes

    • Core: Only use dotenv-webpack when a user has a dotenv file (#15365)
    • Essentials: Update addon measure and outline (#15354)
    • Actions: Don't override existing action args (#15394)
    • Svelte: Fix argType.type.name extraction (#15332)
    • CSF3: Genericize feature flagging and fix webpack5 (#15375)
    • Webpack5: Fix warnings typo (#15374)
    • UI: Fix navigation after no story error (#15349)
    • CSF3: Rename setup to play (#15358)
    • Upgrade dotenv-webpack to 7.0.x (#15343)

    v6.3.0

    Optimized for UI development

    SB6.3 adds new UI development and testing features, while evolving with the JS ecosystem:

    • 📐 Layout debugging with Measure and Outline addons
    • 🔌 Reuse your stories in unit tests: Jest, Cypress & more

    ... (truncated)

    Changelog

    Sourced from @​storybook/addons's changelog.

    6.3.5 (July 22, 2021)

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    6.4.0-alpha.19 (July 22, 2021)

    Features

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Vue: Add support for tsx (#11936)

    Bug Fixes

    • CLI: Fix trailing comma handling for "-s" command line paramenter (#15615)
    • Components: Lazy-load syntax highlighter (#15607)

    Maintenance

    • Controls: Clean up arg unboxing and switch statements (#14394)
    • Examples: Fix react-ts to be runnable standalone (#15621)

    6.4.0-alpha.18 (July 16, 2021)

    Features

    • UI: Allow keyboard shortcut to copy code in preview blocks (#15559)

    Maintenance

    • Avoid slow regex.match call in renderJsx (#15581)

    6.4.0-alpha.17 (July 15, 2021)

    Features

    • Types: Export BaseStoryFn and BaseStoryObject (#15592)
    • Addon-docs: Add transparency support to color swatch (#14439)

    6.4.0-alpha.16 (July 13, 2021)

    Features

    • Addon-backgrounds: Respect user's reduced motion settings (#13711)
    • CSF: Add CSF3 typings (#15558)

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 1
  • chore(deps-dev): bump @storybook/addon-links from 6.2.8 to 6.3.5

    chore(deps-dev): bump @storybook/addon-links from 6.2.8 to 6.3.5

    Bumps @storybook/addon-links from 6.2.8 to 6.3.5.

    Release notes

    Sourced from @​storybook/addon-links's releases.

    v6.3.5

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    v6.3.4

    Maintenance

    • Addon-docs: Cache DocsContext on window to prevent duplication (#15428)

    v6.3.3

    Bug Fixes

    • Webpack5: Quit process after finishing a static build (#15483)
    • Addon-docs/Angular: Fix numeric args default value handling (#15491)
    • Angular: Fix circular reference not being handled in moduleMetadata (#15410)
    • Core: Fix double rebuilds by removing aggregateTimeout (#15372)
    • CLI: Fix NPM typo (#15461)

    v6.3.2

    Bug Fixes

    • Essentials: Update measure and outline. Fix alt+tab issues on windows. (#15402)
    • Core: Fix decorator context update (#15408)
    • Revert "Vue3: Update args without re-mounting component" (#15409)
    • Upgrade bad release of react-docgen-typescript-plugin (#15432)

    v6.3.1

    Bug Fixes

    • Core: Only use dotenv-webpack when a user has a dotenv file (#15365)
    • Essentials: Update addon measure and outline (#15354)
    • Actions: Don't override existing action args (#15394)
    • Svelte: Fix argType.type.name extraction (#15332)
    • CSF3: Genericize feature flagging and fix webpack5 (#15375)
    • Webpack5: Fix warnings typo (#15374)
    • UI: Fix navigation after no story error (#15349)
    • CSF3: Rename setup to play (#15358)
    • Upgrade dotenv-webpack to 7.0.x (#15343)

    v6.3.0

    Optimized for UI development

    SB6.3 adds new UI development and testing features, while evolving with the JS ecosystem:

    • 📐 Layout debugging with Measure and Outline addons
    • 🔌 Reuse your stories in unit tests: Jest, Cypress & more

    ... (truncated)

    Changelog

    Sourced from @​storybook/addon-links's changelog.

    6.3.5 (July 22, 2021)

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    6.4.0-alpha.19 (July 22, 2021)

    Features

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Vue: Add support for tsx (#11936)

    Bug Fixes

    • CLI: Fix trailing comma handling for "-s" command line paramenter (#15615)
    • Components: Lazy-load syntax highlighter (#15607)

    Maintenance

    • Controls: Clean up arg unboxing and switch statements (#14394)
    • Examples: Fix react-ts to be runnable standalone (#15621)

    6.4.0-alpha.18 (July 16, 2021)

    Features

    • UI: Allow keyboard shortcut to copy code in preview blocks (#15559)

    Maintenance

    • Avoid slow regex.match call in renderJsx (#15581)

    6.4.0-alpha.17 (July 15, 2021)

    Features

    • Types: Export BaseStoryFn and BaseStoryObject (#15592)
    • Addon-docs: Add transparency support to color swatch (#14439)

    6.4.0-alpha.16 (July 13, 2021)

    Features

    • Addon-backgrounds: Respect user's reduced motion settings (#13711)
    • CSF: Add CSF3 typings (#15558)

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 1
  • chore(deps-dev): bump @storybook/addon-actions from 6.2.8 to 6.3.5

    chore(deps-dev): bump @storybook/addon-actions from 6.2.8 to 6.3.5

    Bumps @storybook/addon-actions from 6.2.8 to 6.3.5.

    Release notes

    Sourced from @​storybook/addon-actions's releases.

    v6.3.5

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    v6.3.4

    Maintenance

    • Addon-docs: Cache DocsContext on window to prevent duplication (#15428)

    v6.3.3

    Bug Fixes

    • Webpack5: Quit process after finishing a static build (#15483)
    • Addon-docs/Angular: Fix numeric args default value handling (#15491)
    • Angular: Fix circular reference not being handled in moduleMetadata (#15410)
    • Core: Fix double rebuilds by removing aggregateTimeout (#15372)
    • CLI: Fix NPM typo (#15461)

    v6.3.2

    Bug Fixes

    • Essentials: Update measure and outline. Fix alt+tab issues on windows. (#15402)
    • Core: Fix decorator context update (#15408)
    • Revert "Vue3: Update args without re-mounting component" (#15409)
    • Upgrade bad release of react-docgen-typescript-plugin (#15432)

    v6.3.1

    Bug Fixes

    • Core: Only use dotenv-webpack when a user has a dotenv file (#15365)
    • Essentials: Update addon measure and outline (#15354)
    • Actions: Don't override existing action args (#15394)
    • Svelte: Fix argType.type.name extraction (#15332)
    • CSF3: Genericize feature flagging and fix webpack5 (#15375)
    • Webpack5: Fix warnings typo (#15374)
    • UI: Fix navigation after no story error (#15349)
    • CSF3: Rename setup to play (#15358)
    • Upgrade dotenv-webpack to 7.0.x (#15343)

    v6.3.0

    Optimized for UI development

    SB6.3 adds new UI development and testing features, while evolving with the JS ecosystem:

    • 📐 Layout debugging with Measure and Outline addons
    • 🔌 Reuse your stories in unit tests: Jest, Cypress & more

    ... (truncated)

    Changelog

    Sourced from @​storybook/addon-actions's changelog.

    6.3.5 (July 22, 2021)

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    6.4.0-alpha.19 (July 22, 2021)

    Features

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Vue: Add support for tsx (#11936)

    Bug Fixes

    • CLI: Fix trailing comma handling for "-s" command line paramenter (#15615)
    • Components: Lazy-load syntax highlighter (#15607)

    Maintenance

    • Controls: Clean up arg unboxing and switch statements (#14394)
    • Examples: Fix react-ts to be runnable standalone (#15621)

    6.4.0-alpha.18 (July 16, 2021)

    Features

    • UI: Allow keyboard shortcut to copy code in preview blocks (#15559)

    Maintenance

    • Avoid slow regex.match call in renderJsx (#15581)

    6.4.0-alpha.17 (July 15, 2021)

    Features

    • Types: Export BaseStoryFn and BaseStoryObject (#15592)
    • Addon-docs: Add transparency support to color swatch (#14439)

    6.4.0-alpha.16 (July 13, 2021)

    Features

    • Addon-backgrounds: Respect user's reduced motion settings (#13711)
    • CSF: Add CSF3 typings (#15558)

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 1
  • chore(deps-dev): bump @storybook/addon-essentials from 6.2.8 to 6.3.5

    chore(deps-dev): bump @storybook/addon-essentials from 6.2.8 to 6.3.5

    Bumps @storybook/addon-essentials from 6.2.8 to 6.3.5.

    Release notes

    Sourced from @​storybook/addon-essentials's releases.

    v6.3.5

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    v6.3.4

    Maintenance

    • Addon-docs: Cache DocsContext on window to prevent duplication (#15428)

    v6.3.3

    Bug Fixes

    • Webpack5: Quit process after finishing a static build (#15483)
    • Addon-docs/Angular: Fix numeric args default value handling (#15491)
    • Angular: Fix circular reference not being handled in moduleMetadata (#15410)
    • Core: Fix double rebuilds by removing aggregateTimeout (#15372)
    • CLI: Fix NPM typo (#15461)

    v6.3.2

    Bug Fixes

    • Essentials: Update measure and outline. Fix alt+tab issues on windows. (#15402)
    • Core: Fix decorator context update (#15408)
    • Revert "Vue3: Update args without re-mounting component" (#15409)
    • Upgrade bad release of react-docgen-typescript-plugin (#15432)

    v6.3.1

    Bug Fixes

    • Core: Only use dotenv-webpack when a user has a dotenv file (#15365)
    • Essentials: Update addon measure and outline (#15354)
    • Actions: Don't override existing action args (#15394)
    • Svelte: Fix argType.type.name extraction (#15332)
    • CSF3: Genericize feature flagging and fix webpack5 (#15375)
    • Webpack5: Fix warnings typo (#15374)
    • UI: Fix navigation after no story error (#15349)
    • CSF3: Rename setup to play (#15358)
    • Upgrade dotenv-webpack to 7.0.x (#15343)

    v6.3.0

    Optimized for UI development

    SB6.3 adds new UI development and testing features, while evolving with the JS ecosystem:

    • 📐 Layout debugging with Measure and Outline addons
    • 🔌 Reuse your stories in unit tests: Jest, Cypress & more

    ... (truncated)

    Changelog

    Sourced from @​storybook/addon-essentials's changelog.

    6.3.5 (July 22, 2021)

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    6.4.0-alpha.19 (July 22, 2021)

    Features

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Vue: Add support for tsx (#11936)

    Bug Fixes

    • CLI: Fix trailing comma handling for "-s" command line paramenter (#15615)
    • Components: Lazy-load syntax highlighter (#15607)

    Maintenance

    • Controls: Clean up arg unboxing and switch statements (#14394)
    • Examples: Fix react-ts to be runnable standalone (#15621)

    6.4.0-alpha.18 (July 16, 2021)

    Features

    • UI: Allow keyboard shortcut to copy code in preview blocks (#15559)

    Maintenance

    • Avoid slow regex.match call in renderJsx (#15581)

    6.4.0-alpha.17 (July 15, 2021)

    Features

    • Types: Export BaseStoryFn and BaseStoryObject (#15592)
    • Addon-docs: Add transparency support to color swatch (#14439)

    6.4.0-alpha.16 (July 13, 2021)

    Features

    • Addon-backgrounds: Respect user's reduced motion settings (#13711)
    • CSF: Add CSF3 typings (#15558)

    ... (truncated)

    Commits
    • 77befdc v6.3.5
    • 22e3ad1 Update root, peer deps, version.ts/json to 6.3.5 [ci skip]
    • 0f44aef Update git head to 6.3.4, update yarn.lock
    • b6fd5c6 v6.3.4
    • e845106 Update root, peer deps, version.ts/json to 6.3.4 [ci skip]
    • d952fbb Update git head to 6.3.3, update yarn.lock
    • 8735bf5 v6.3.3
    • 17ae400 Update root, peer deps, version.ts/json to 6.3.3 [ci skip]
    • 908a949 Merge pull request #15497 from storybookjs/fix/a11y-package-readme
    • daebfce Update git head to 6.3.2, update yarn.lock
    • Additional commits viewable in compare view

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 1
  • chore(deps-dev): bump @storybook/theming from 6.2.8 to 6.3.5

    chore(deps-dev): bump @storybook/theming from 6.2.8 to 6.3.5

    Bumps @storybook/theming from 6.2.8 to 6.3.5.

    Release notes

    Sourced from @​storybook/theming's releases.

    v6.3.5

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    v6.3.4

    Maintenance

    • Addon-docs: Cache DocsContext on window to prevent duplication (#15428)

    v6.3.3

    Bug Fixes

    • Webpack5: Quit process after finishing a static build (#15483)
    • Addon-docs/Angular: Fix numeric args default value handling (#15491)
    • Angular: Fix circular reference not being handled in moduleMetadata (#15410)
    • Core: Fix double rebuilds by removing aggregateTimeout (#15372)
    • CLI: Fix NPM typo (#15461)

    v6.3.2

    Bug Fixes

    • Essentials: Update measure and outline. Fix alt+tab issues on windows. (#15402)
    • Core: Fix decorator context update (#15408)
    • Revert "Vue3: Update args without re-mounting component" (#15409)
    • Upgrade bad release of react-docgen-typescript-plugin (#15432)

    v6.3.1

    Bug Fixes

    • Core: Only use dotenv-webpack when a user has a dotenv file (#15365)
    • Essentials: Update addon measure and outline (#15354)
    • Actions: Don't override existing action args (#15394)
    • Svelte: Fix argType.type.name extraction (#15332)
    • CSF3: Genericize feature flagging and fix webpack5 (#15375)
    • Webpack5: Fix warnings typo (#15374)
    • UI: Fix navigation after no story error (#15349)
    • CSF3: Rename setup to play (#15358)
    • Upgrade dotenv-webpack to 7.0.x (#15343)

    v6.3.0

    Optimized for UI development

    SB6.3 adds new UI development and testing features, while evolving with the JS ecosystem:

    • 📐 Layout debugging with Measure and Outline addons
    • 🔌 Reuse your stories in unit tests: Jest, Cypress & more

    ... (truncated)

    Changelog

    Sourced from @​storybook/theming's changelog.

    6.3.5 (July 22, 2021)

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    6.4.0-alpha.19 (July 22, 2021)

    Features

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Vue: Add support for tsx (#11936)

    Bug Fixes

    • CLI: Fix trailing comma handling for "-s" command line paramenter (#15615)
    • Components: Lazy-load syntax highlighter (#15607)

    Maintenance

    • Controls: Clean up arg unboxing and switch statements (#14394)
    • Examples: Fix react-ts to be runnable standalone (#15621)

    6.4.0-alpha.18 (July 16, 2021)

    Features

    • UI: Allow keyboard shortcut to copy code in preview blocks (#15559)

    Maintenance

    • Avoid slow regex.match call in renderJsx (#15581)

    6.4.0-alpha.17 (July 15, 2021)

    Features

    • Types: Export BaseStoryFn and BaseStoryObject (#15592)
    • Addon-docs: Add transparency support to color swatch (#14439)

    6.4.0-alpha.16 (July 13, 2021)

    Features

    • Addon-backgrounds: Respect user's reduced motion settings (#13711)
    • CSF: Add CSF3 typings (#15558)

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 1
  • chore(deps-dev): bump @storybook/addon-a11y from 6.2.8 to 6.3.5

    chore(deps-dev): bump @storybook/addon-a11y from 6.2.8 to 6.3.5

    Bumps @storybook/addon-a11y from 6.2.8 to 6.3.5.

    Release notes

    Sourced from @​storybook/addon-a11y's releases.

    v6.3.5

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    v6.3.4

    Maintenance

    • Addon-docs: Cache DocsContext on window to prevent duplication (#15428)

    v6.3.3

    Bug Fixes

    • Webpack5: Quit process after finishing a static build (#15483)
    • Addon-docs/Angular: Fix numeric args default value handling (#15491)
    • Angular: Fix circular reference not being handled in moduleMetadata (#15410)
    • Core: Fix double rebuilds by removing aggregateTimeout (#15372)
    • CLI: Fix NPM typo (#15461)

    v6.3.2

    Bug Fixes

    • Essentials: Update measure and outline. Fix alt+tab issues on windows. (#15402)
    • Core: Fix decorator context update (#15408)
    • Revert "Vue3: Update args without re-mounting component" (#15409)
    • Upgrade bad release of react-docgen-typescript-plugin (#15432)

    v6.3.1

    Bug Fixes

    • Core: Only use dotenv-webpack when a user has a dotenv file (#15365)
    • Essentials: Update addon measure and outline (#15354)
    • Actions: Don't override existing action args (#15394)
    • Svelte: Fix argType.type.name extraction (#15332)
    • CSF3: Genericize feature flagging and fix webpack5 (#15375)
    • Webpack5: Fix warnings typo (#15374)
    • UI: Fix navigation after no story error (#15349)
    • CSF3: Rename setup to play (#15358)
    • Upgrade dotenv-webpack to 7.0.x (#15343)

    v6.3.0

    Optimized for UI development

    SB6.3 adds new UI development and testing features, while evolving with the JS ecosystem:

    • 📐 Layout debugging with Measure and Outline addons
    • 🔌 Reuse your stories in unit tests: Jest, Cypress & more

    ... (truncated)

    Changelog

    Sourced from @​storybook/addon-a11y's changelog.

    6.3.5 (July 22, 2021)

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    6.4.0-alpha.19 (July 22, 2021)

    Features

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Vue: Add support for tsx (#11936)

    Bug Fixes

    • CLI: Fix trailing comma handling for "-s" command line paramenter (#15615)
    • Components: Lazy-load syntax highlighter (#15607)

    Maintenance

    • Controls: Clean up arg unboxing and switch statements (#14394)
    • Examples: Fix react-ts to be runnable standalone (#15621)

    6.4.0-alpha.18 (July 16, 2021)

    Features

    • UI: Allow keyboard shortcut to copy code in preview blocks (#15559)

    Maintenance

    • Avoid slow regex.match call in renderJsx (#15581)

    6.4.0-alpha.17 (July 15, 2021)

    Features

    • Types: Export BaseStoryFn and BaseStoryObject (#15592)
    • Addon-docs: Add transparency support to color swatch (#14439)

    6.4.0-alpha.16 (July 13, 2021)

    Features

    • Addon-backgrounds: Respect user's reduced motion settings (#13711)
    • CSF: Add CSF3 typings (#15558)

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 1
  • chore(deps-dev): bump @storybook/vue from 6.2.8 to 6.3.5

    chore(deps-dev): bump @storybook/vue from 6.2.8 to 6.3.5

    Bumps @storybook/vue from 6.2.8 to 6.3.5.

    Release notes

    Sourced from @​storybook/vue's releases.

    v6.3.5

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    v6.3.4

    Maintenance

    • Addon-docs: Cache DocsContext on window to prevent duplication (#15428)

    v6.3.3

    Bug Fixes

    • Webpack5: Quit process after finishing a static build (#15483)
    • Addon-docs/Angular: Fix numeric args default value handling (#15491)
    • Angular: Fix circular reference not being handled in moduleMetadata (#15410)
    • Core: Fix double rebuilds by removing aggregateTimeout (#15372)
    • CLI: Fix NPM typo (#15461)

    v6.3.2

    Bug Fixes

    • Essentials: Update measure and outline. Fix alt+tab issues on windows. (#15402)
    • Core: Fix decorator context update (#15408)
    • Revert "Vue3: Update args without re-mounting component" (#15409)
    • Upgrade bad release of react-docgen-typescript-plugin (#15432)

    v6.3.1

    Bug Fixes

    • Core: Only use dotenv-webpack when a user has a dotenv file (#15365)
    • Essentials: Update addon measure and outline (#15354)
    • Actions: Don't override existing action args (#15394)
    • Svelte: Fix argType.type.name extraction (#15332)
    • CSF3: Genericize feature flagging and fix webpack5 (#15375)
    • Webpack5: Fix warnings typo (#15374)
    • UI: Fix navigation after no story error (#15349)
    • CSF3: Rename setup to play (#15358)
    • Upgrade dotenv-webpack to 7.0.x (#15343)

    v6.3.0

    Optimized for UI development

    SB6.3 adds new UI development and testing features, while evolving with the JS ecosystem:

    • 📐 Layout debugging with Measure and Outline addons
    • 🔌 Reuse your stories in unit tests: Jest, Cypress & more

    ... (truncated)

    Changelog

    Sourced from @​storybook/vue's changelog.

    6.3.5 (July 22, 2021)

    Bug Fixes

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Trailing comma handling for "-s" command line paramenter (#15615)
    • Controls: Fix color matching behavior for non-string types (#15549)
    • Composition: Fix refs ordering (#15527)

    6.4.0-alpha.19 (July 22, 2021)

    Features

    • Controls: Don't set arg in validateOptions if it would be undefined (#15654)
    • Vue: Add support for tsx (#11936)

    Bug Fixes

    • CLI: Fix trailing comma handling for "-s" command line paramenter (#15615)
    • Components: Lazy-load syntax highlighter (#15607)

    Maintenance

    • Controls: Clean up arg unboxing and switch statements (#14394)
    • Examples: Fix react-ts to be runnable standalone (#15621)

    6.4.0-alpha.18 (July 16, 2021)

    Features

    • UI: Allow keyboard shortcut to copy code in preview blocks (#15559)

    Maintenance

    • Avoid slow regex.match call in renderJsx (#15581)

    6.4.0-alpha.17 (July 15, 2021)

    Features

    • Types: Export BaseStoryFn and BaseStoryObject (#15592)
    • Addon-docs: Add transparency support to color swatch (#14439)

    6.4.0-alpha.16 (July 13, 2021)

    Features

    • Addon-backgrounds: Respect user's reduced motion settings (#13711)
    • CSF: Add CSF3 typings (#15558)

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 1
  • chore(deps-dev): bump @babel/preset-env from 7.13.15 to 7.14.8

    chore(deps-dev): bump @babel/preset-env from 7.13.15 to 7.14.8

    Bumps @babel/preset-env from 7.13.15 to 7.14.8.

    Release notes

    Sourced from @​babel/preset-env's releases.

    v7.14.8 (2021-07-20)

    Thanks @​colinaaa, @​jaeseokk and @​nme077 for your first PRs!

    :eyeglasses: Spec Compliance

    • babel-helper-create-class-features-plugin, babel-plugin-proposal-class-static-block, babel-plugin-transform-new-target
      • #13560 fix(class-properties): replace new.target in static properties with undefined (@​colinaaa)
    • babel-parser
    • babel-helper-module-transforms, babel-helper-simple-access, babel-plugin-transform-modules-commonjs

    :bug: Bug Fix

    :nail_care: Polish

    :memo: Documentation

    :house: Internal

    • babel-helpers

    :running_woman: Performance

    Committers: 12

    ... (truncated)

    Changelog

    Sourced from @​babel/preset-env's changelog.

    v7.14.8 (2021-07-20)

    :eyeglasses: Spec Compliance

    • babel-helper-create-class-features-plugin, babel-plugin-proposal-class-static-block, babel-plugin-transform-new-target
      • #13560 fix(class-properties): replace new.target in static properties with undefined (@​colinaaa)
    • babel-parser
    • babel-helper-module-transforms, babel-helper-simple-access, babel-plugin-transform-modules-commonjs

    :bug: Bug Fix

    :nail_care: Polish

    :memo: Documentation

    :house: Internal

    • babel-helpers

    :running_woman: Performance

    v7.14.7 (2021-06-21)

    :bug: Bug Fix

    • babel-plugin-proposal-object-rest-spread
    • babel-plugin-transform-destructuring
    • babel-traverse

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 1
  • chore(deps-dev): bump @babel/core from 7.13.16 to 7.14.8

    chore(deps-dev): bump @babel/core from 7.13.16 to 7.14.8

    Bumps @babel/core from 7.13.16 to 7.14.8.

    Release notes

    Sourced from @​babel/core's releases.

    v7.14.8 (2021-07-20)

    Thanks @​colinaaa, @​jaeseokk and @​nme077 for your first PRs!

    :eyeglasses: Spec Compliance

    • babel-helper-create-class-features-plugin, babel-plugin-proposal-class-static-block, babel-plugin-transform-new-target
      • #13560 fix(class-properties): replace new.target in static properties with undefined (@​colinaaa)
    • babel-parser
    • babel-helper-module-transforms, babel-helper-simple-access, babel-plugin-transform-modules-commonjs

    :bug: Bug Fix

    :nail_care: Polish

    :memo: Documentation

    :house: Internal

    • babel-helpers

    :running_woman: Performance

    Committers: 12

    ... (truncated)

    Changelog

    Sourced from @​babel/core's changelog.

    v7.14.8 (2021-07-20)

    :eyeglasses: Spec Compliance

    • babel-helper-create-class-features-plugin, babel-plugin-proposal-class-static-block, babel-plugin-transform-new-target
      • #13560 fix(class-properties): replace new.target in static properties with undefined (@​colinaaa)
    • babel-parser
    • babel-helper-module-transforms, babel-helper-simple-access, babel-plugin-transform-modules-commonjs

    :bug: Bug Fix

    :nail_care: Polish

    :memo: Documentation

    :house: Internal

    • babel-helpers

    :running_woman: Performance

    v7.14.7 (2021-06-21)

    :bug: Bug Fix

    • babel-plugin-proposal-object-rest-spread
    • babel-plugin-transform-destructuring
    • babel-traverse

    ... (truncated)

    Commits

    Dependabot compatibility score

    Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


    Dependabot commands and options

    You can trigger Dependabot actions by commenting on this PR:

    • @dependabot rebase will rebase this PR
    • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
    • @dependabot merge will merge this PR after your CI passes on it
    • @dependabot squash and merge will squash and merge this PR after your CI passes on it
    • @dependabot cancel merge will cancel a previously requested merge and block automerging
    • @dependabot reopen will reopen this PR if it is closed
    • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
    • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
    • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
    dependencies javascript 
    opened by dependabot[bot] 1
  • fix(deps): bump actions/setup-node from 2.1.5 to 2.3.0

    fix(deps): bump actions/setup-node from 2.1.5 to 2.3.0

    Bumps actions/setup-node from 2.1.5 to 2.3.0.

    Release notes

    Sourced from actions/setup-node's releases.

    Support caching pnpm dependencies

    This release introduces dependency caching support for the pnpm package manager (#278).

    Caching pnpm dependencies:

    # This workflow uses actions that are not certified by GitHub.
    # They are provided by a third-party and are governed by
    # separate terms of service, privacy policy, and support
    # documentation.
    

    steps:

NOTE: pnpm caching support requires pnpm version >= 6.10.0

Support caching dependencies and LTS aliases

This release brings two major features:

Supported version syntax

The node-version input supports the following syntax:

major versions: 12, 14, 16
more specific versions: 10.15, 14.2.0, 16.3.0
nvm LTS syntax: lts/erbium, lts/fermium, lts/*

Caching dependencies

The action has a built-in functionality for caching and restoring npm/yarn dependencies. Supported package managers are npm, yarn. The cache input is optional, and caching is turned off by default.

Caching npm dependencies:

steps:
- uses: actions/[email protected]
- uses: actions/[email protected]
  with:
    node-version: '14'
    cache: 'npm'
- run: npm install
- run: npm test
</tr></table> 

... (truncated)

Commits
  • aa759c6 Merge pull request #278 from jacobwgillespie/cache-pnpm
  • 0ae03de Reorder to npm, yarn, pnpm
  • 4bc87b8 Bump e2e tests to 6.10.0
  • b96348a Remove unused imports
  • 3af302a Switch to pnpm store path command
  • f452812 Unmock fs.existsSync after tests
  • e93556c Mock fs.existsSync in tests
  • 0453e51 Regenerate compiled files
  • 399982b Move existence check to cache-save
  • d278e78 Add logic to check that cache folder exists
  • Additional commits viewable in compare view

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)
dependencies github_actions 
opened by dependabot[bot] 1
Releases(2.0.0-0)
  • 2.0.0-0(Apr 24, 2021)

    • build(storybook): update vue-loader (f15c008)
    • perf(vue-socials): remove useless babel polyfills (b29ac00)
    • feat(vue-socials): rewrite to vue 3 (caa9f6e)
    Source code(tar.gz)
    Source code(zip)
  • 1.1.0(Mar 16, 2021)

  • 1.1.0-0(Mar 16, 2021)

    • fix(package.json): add missing deps (5f405e9)
    • feat(vue-socials): remove destructure for a smaller bundle size (e94dfe5)
    • build(eslint): fix dts linting (6acbd61)
    • Merge pull request #49 from webistomin/dependabot/npm_and_yarn/rollup-2.41.1 (bd2da0a)
    • chore(deps-dev): bump rollup from 2.40.0 to 2.41.1 (227b38c)
    • Merge pull request #48 from webistomin/dependabot/npm_and_yarn/typescript-eslint/parser-4.17.0 (efae5c8)
    • chore(deps-dev): bump @typescript-eslint/parser from 4.16.1 to 4.17.0 (ef40a12)
    • Merge pull request #47 from webistomin/dependabot/npm_and_yarn/babel/core-7.13.10 (56ab875)
    • chore(deps-dev): bump @babel/core from 7.13.8 to 7.13.10 (405dcbc)
    • Merge pull request #46 from webistomin/dependabot/npm_and_yarn/babel/preset-env-7.13.10 (0fc2021)
    • chore(deps-dev): bump @babel/preset-env from 7.13.9 to 7.13.10 (d52040b)
    • Merge pull request #45 from webistomin/dependabot/npm_and_yarn/size-limit/preset-small-lib-4.10.1 (1abe11b)
    • chore(deps-dev): bump @size-limit/preset-small-lib from 4.10.0 to 4.10.1 (4d020ba)
    • Merge pull request #44 from webistomin/dependabot/npm_and_yarn/typescript-4.2.3 (6cfee0f)
    • chore(deps-dev): bump typescript from 4.2.2 to 4.2.3 (78efd60)
    • Merge pull request #43 from webistomin/dependabot/npm_and_yarn/size-limit/preset-small-lib-4.10.0 (ac1e876)
    • chore(deps-dev): bump @size-limit/preset-small-lib from 4.9.2 to 4.10.0 (8ff1a7c)
    • Merge pull request #35 from webistomin/dependabot/npm_and_yarn/eslint-plugin-vue-7.7.0 (2e19709)
    • chore(deps-dev): bump eslint-plugin-vue from 7.6.0 to 7.7.0 (973055c)
    • Merge pull request #30 from webistomin/dependabot/npm_and_yarn/typescript-eslint/eslint-plugin-4.16.1 (35f6d95)
    • Merge pull request #32 from webistomin/dependabot/npm_and_yarn/babel/preset-env-7.13.9 (9459ba2)
    • Merge pull request #33 from webistomin/dependabot/npm_and_yarn/typescript-eslint/parser-4.16.1 (edc2108)
    • chore(deps-dev): bump @typescript-eslint/parser from 4.15.2 to 4.16.1 (c93a7b9)
    • chore(deps-dev): bump @babel/preset-env from 7.13.8 to 7.13.9 (863c41a)
    • chore(deps-dev): bump @typescript-eslint/eslint-plugin (a2407a1)
    • Merge pull request #29 from webistomin/dependabot/npm_and_yarn/eslint-7.21.0 (c3445cf)
    • Merge pull request #7 from webistomin/dependabot/github_actions/actions/setup-node-v2.1.5 (9b3215f)
    • chore(deps-dev): bump eslint from 7.20.0 to 7.21.0 (373d4a6)
    • docs(readme.md): fix github repo anchor link (2eb308b)
    • fix(deps): bump actions/setup-node from v2.1.4 to v2.1.5 (b43ee75)
    Source code(tar.gz)
    Source code(zip)
  • 1.0.1(Feb 28, 2021)

    • docs(readme.md): fix list dots (1fff443)
    • docs(package.json): add contributors (bdb2651)
    • docs(readme.md): fix typos (32d1225)
    • docs(readme.md): add installation section, fix images (24993a0)
    • docs(readme): update badges (75ff2cf)
    Source code(tar.gz)
    Source code(zip)
  • 1.0.0(Feb 27, 2021)

  • 1.0.0-3(Feb 27, 2021)

  • 1.0.0-2(Feb 27, 2021)

  • 1.0.0-1(Feb 27, 2021)

  • 1.0.0-0(Feb 27, 2021)

Owner
Alexey Istomin
Wondering why my code works.
Alexey Istomin
Font Awesome 5 Vue component

vue-fontawesome Font Awesome 5 Vue component using SVG with JS Vue 3 is just around the corner! If you have been using 0.1.x of vue-fontawesome, you c

Fort Awesome 2.1k Jul 24, 2021
A Vue component for including inline SVG icons from different popular icon packs easily.

Oh, Vue Icons! English | 中文说明 A Vue component for including inline SVG icons from different popular icon packs easily. Features Tree-shakable, which a

Xiaohan Zou 93 Jul 25, 2021
Awesome SVG icon component for Vue.js, built-in with Font Awesome icons.

Vue-Awesome Awesome SVG icon component for Vue.js, with built-in Font Awesome icons. ???? 中文版 Vue-Awesome an SVG icon component for Vue.js, with built

GU Yiling 2.3k Jul 24, 2021
1000+ Pixel-perfect svg icons for your next project as Vue components

This repo is for use in Vue 2. Repo for Vue 3 there. 1000+ Pixel-perfect svg unicons for your next project as Vue components Supporting Vue Unicons is

Anton Reshetov 864 Jul 28, 2021
⛄️ Vue Icon Set Components from Ionic Team

⛄ Vue Ionicons Vue Icon Set Components from Ionic Team Design icons sourced from the Ionicons project. ?? Demo https://mazipan.github.io/vue-ionicons

Irfan Maulana 91 Jul 24, 2021
Vue component for country flags

vue-country-flag Country flags as a Vue Component Vue 3 support Since version 2.0.3, this component supports both Vue2 and Vue3 support. In order to u

Peter Pan 97 Jul 13, 2021
Cryptocurrency icons for your next Vue project

vue-cryptoicon Beautiful pixel perfect 400+ cryptocurrency and 10+ Fiat currency icon, in a range of styles and sizes Demo Install NPM Installing with

Manish Kumar 66 Jul 15, 2021
IconFont plugin for Vuejs

vue-icon-font A iconfont plugin for Vuejs 中文说明 Screenshots Installation NPM (Recommended) # install dependencies npm install vue-icon-font manual # Do

ganl 24 May 31, 2021
Tiny FontAwesome 5 component for Vue.js.

vue-fa Tiny FontAwesome 5 component for Vue.js. FontAwesome svg icons Tree-shakable, only import used icons No CSS file required FontAwesome duotone i

null 19 Jun 23, 2021
Material Design Icons as Vue Single File Components

Vue Material Design Icon Components This library is a collection of Vue single-file components to render Material Design Icons, sourced from the Mater

Rob Cresswell 86 Jul 24, 2021
Dead easy, Google Material Icons for Vue

vue-ico Dead easy, Google Material Icons for Vue. This package's aim is to get icons into your Vue.js project as quick as possible, at the cost of all

Paul Collett 16 Jul 28, 2020
Is a pack of more than 480 beautiful open source Eva icons as Vue components

Vue Eva Icons Is a pack of more than 480 beautiful open source eva icons as Vue components Demo https://antonreshetov.github.io/vue-eva-icons Install

Anton Reshetov 192 Jul 5, 2021
Fully customizable free SVG icons made as Vue components.

Tabler Icons as Vue components Live preview tool Preview icons </p> Installation yarn add vue-tabler-icons # or npm i vue-tabler-icons Usage <scrip

Alex Oleshkevich 25 Jul 16, 2021
A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/heroicons, as Vue functional components.

vue-hero-icons A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/heroicons, as Vue functional components. Demo: https://vu

Mathieu Schimmerling 67 Jul 5, 2021