Akryum

<!-- Doesn't work with Vue 2 scoped slots nor Vue 3 slots in some cases -->

<template>
  <div>
    <div v-if="$slots.foo">
      <slot name="foo" title="Title" />
    </div>
  </div>
</template>

Akryum

export default {
  const parents = getNamedParents(this.$router.options.routes, this.$route.matched)
  if (parents.length) {
    return {
      name: parents[parents.length - 1].name,
    }
  }
  return { name: 'home' }
}

Akryum

<template>
  <VDropdown>
    <button>Menu</button>

    <template #popper="{ hide }">
      <RunSelector
        @close="hide()"
      />
    </template>
  </VDropdown>

Akryum

module.exports = {
  pages: {
    pageA: 'src/pageA.js',
    pageB: 'src/pageB.js',
    pageC: 'src/pageC.js',
  },

  chainWebpack: config => {
    const options = module.exports
    const pages = options.pages

Akryum

<script setup>
import { ref, computed } from 'vue'
import gql from 'graphql-tag'
import { client } from './weather'

const document = gql`query getCityWeather ($name: String!) {
  city: getCityByName (name: $name) {
    id
    name
    country

Akryum

import { Hookable } from '../src/hookable'

describe('hookable', () => {
  test('hook with one callback', async () => {
    const hooks = new Hookable<{
      invert:(value: boolean) => boolean | Promise<boolean>
    }>()

    hooks.hook('invert', value => !value)

Akryum

function dedupeReferences (existing, incoming) {
  // Dedupe items
  const idMap = {}
  for (const item of existing) {
    idMap[item.__ref] = true
  }
  const validated = []
  for (const item of incoming) {
    if (!idMap[item.__ref]) {
      validated.push(item)

Akryum

export function useEagerComputed() {
  const properties = []

  function eagerComputed(definitions) {
    const computedProps = {}
    for (const key in definitions) {
      const effect = definitions[key]
      properties.push({ key, effect })
      computedProps[key] = function () {
        return this.$data[key]

Akryum

<link rel="stylesheet" href="https://cdn.rawgit.com/luizbills/feather-icon-font/v4.7.0/dist/feather.css">

Akryum

const KEY_ESCAPE_REG = /[\s-.:|#@$£*%]/
const MAX_SINGLE_LINE_ARRAY_LENGTH = 3

export function formatObjectToSource (obj) {
  return printLines(Array.isArray(obj) ? arrayToSourceLines(obj) : objectToSourceLines(obj))
}

function objectToSourceLines (object, indentCount = 0) {
  return createLines(indentCount, lines => {
    lines.push('{')