Paul Melero paulmelero

SimpleDebounce (Vue Mixin)

If you are listening to changes on an Event (DOM Events) to execute any side effects like performing network requests, you'd probably want to "debounce" your attached function executions.

This is an alternative to lodash.debounce but "vanilla js" packed as a Vue SFC to import it as a mixin.

copyToClipBoard.js

copytoclipboard: Alternative to clipboard.js: Async implementation of "Copy to clipboard" in plain JS. Works in Safari, Chrome, Firefox, Opera and Edge Canary. Less than 1kb minified.

copyToClipBoard accepts an html element and returns a Promise.

Copies the content of the html element with the format included and also as plain text (both options).

	/*
	This needs to be in the store/index.js
	*/

	const mutationTypes = {
	SET_MOBILE: 'SET_MOBILE',
	}

	const checkIfMobileOnServerSide = ({ req, isServer }) => {
	if (isServer) return false

	// See https://github.com/nuxt-community/device-module

	const mutationTypes = {
	CHANGE_MOBILE: 'CHANGE_MOBILE',
	}

	const checkIfMobileOnServerSide = ({ req, isServer }) => {
	if (isServer) return false
	const userAgent = req && req.headers['user-agent']
	const isMobile = /mobile/i.test(('' + userAgent).toLowerCase())

	// ⚡️
	funFunction.bind(this).call()
	// is the same as
	funFunction.call(this)

	/*
	* Easing Functions - inspired from http://gizma.com/easing/
	* only considering the t value for the range [0, 1] => [0, 1]
	*/
	EasingFunctions = {
	// no easing, no acceleration
	linear: function (t) { return t },
	// accelerating from zero velocity
	easeInQuad: function (t) { return t*t },
	// decelerating to zero velocity

	// collections

	$CONTAINER-WIDTHS: (
	5,
	10,
	20,
	30,
	40,
	50,
	60,

	# now run in your console: (I'm actually using powershell)
	pm2 start .\ecosystem.config.js

	<div id="simplest-example">
	<h1>{{ text }}</h1>
	</div>

Paul Melero paulmelero

SimpleDebounce (Vue Mixin)

copyToClipBoard.js

📦 Install