Skip to content

chantouchsek/nuxt-clipboard

Repository files navigation

Nuxt Clipboard

Latest Version on NPM Software License npm npm

A "copy to clipboard" module for Nuxt.js using vue-clipboard2

♻️ Setup

  • Add nuxt-clipboard dependency using yarn or npm to your project
  • Add nuxt-clipboard to modules section of nuxt.config.js
export default {
    modules: [
        // simple usage
        'nuxt-clipboard',
        // with options
        ['nuxt-clipboard', { autoSetContainer: true }]
    ],
    clipboard: {
        autoSetContainer: true
    }
}

🔥 Usage

You can use $copyText in almost any context using app.$copyText or this.$copyText (Including store actions).

See vue-clipboard2 official docs for more usage information.

export default {
    methods: {
        async copySomething(text) {
            try {
                await this.$copyText(text);
            } catch (e) {
                console.error(e);
            }
        },
    },
};

License

The MIT License (MIT)

Copyright (c) 2020 Chantouch Sek

About

A "copy to clipboard" module for Nuxt.js using vue-clipboard2

Resources

License

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •