Akryum

<script lang="ts">
const iframes = new Map<string, { iframe: HTMLIFrameElement, src: string }>()
</script>

<script lang="ts" setup>
import { useAttrs, ref, shallowRef, watchEffect, onMounted, onBeforeUnmount } from 'vue'
import { useElementBounding } from '@vueuse/core'

defineOptions({
  inheritAttrs: false,

Akryum

#tabbrowser-tabs {
  visibility: collapse;
}
#navigator-toolbox {
  display: flex;
  flex-flow: row wrap;
}
#titlebar {
  order: 1;
  max-width: 44px;

Akryum

{
  "settings": {
    "nativeScrollbars": true,
    "nativeScrollbarsThin": true,
    "nativeScrollbarsLeft": false,
    "selWinScreenshots": true,
    "updateSidebarTitle": true,
    "markWindow": false,
    "markWindowPreface": "[Sidebery] ",
    "ctxMenuNative": true,

Akryum

#tabbrowser-tabs {
  visibility: collapse;
}
#navigator-toolbox {
  display: flex;
  flex-flow: row wrap;
}
#titlebar {
  order: 1;
  max-width: 146px;

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

<script>
import { ref } from '@vue/composition-api'
import { onScrollBottom } from '@/scroll'

export default {
  setup () {
    function loadMore () {
      // ...
    }
    

Akryum

=\s\(\) => import\([\s\n]*(\/\*.*?\*\/[\s\n]*)?'.*?\.vue'[\s\n]*\)

Akryum

import { updateLobby, subscribeToLobby } from './lobby'

// ...

updateLobby('some-id', { title: 'Foo' })

subscribeToLobby('xxx-xxx-xxx')

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' }
}