Artem Sedliar stow1x

Group array of JavaScript objects by keys

This fork of JamieMason's implementation changes the key parameter to be an array of keys instead of just a single key. This makes it possible to group by multiple properties instead of just one.

Implementation

const groupBy = keys => array =>
  array.reduce((objectsByKeyValue, obj) => {
    const value = keys.map(key => obj[key]).join('-');

Github : Signing commits using GPG (Ubuntu/Mac) 🔐

Do you have an Github account ? If not create one.
Install required tools
Latest Git Client
gpg tools

# Ubuntu
sudo apt-get install gpa seahorse
# MacOS with https://brew.sh/

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

	/* eslint-disable @typescript-eslint/no-explicit-any */
	import type { Ref } from 'vue';
	import { onBeforeUnmount } from 'vue';

	export interface UseKeywordsHighlighterOptions {
	selector?:
	\| string
	\| Element
	\| Node
	\| (Element \| Node)[]

	module.exports = {
	root: true,
	env: {
	browser: true,
	node: true,
	},
	extends: [
	'eslint:recommended',
	'plugin:vue/vue3-recommended',
	'prettier'

	name: Deploy

	on:
	push:
	branches:
	- master

	jobs:
	deploy:
	runs-on: ubuntu-latest

	@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
	.blurred-container {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	}
	}

	/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
	@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
	.blurred-container {

	import axios from 'axios'

	export default () => {
	const axiosInstance = axios.create({
	baseURL: `${process.env.VUE_APP_URL}/api/v1`,
	})

	const token = localStorage.getItem('token')
	if (token) {
	axiosInstance.defaults.headers.common.Authorization = `Bearer ${token}`