Akryum

• value-attribute -> value-key
• option-attribute -> label-key
• search-attributes -> filterFields
• :searchable-placeholder="$t('common.searchPlaceholder')" ->
• useShortcuts
• searchInput.value.input.focus() -> searchInput.value.inputRef?.focus()
• Select slot: #label -> #default
• Input -> add class="w-full"

Akryum

import { useUrlSearchParams as useVueUseUrlSearchParams } from '@vueuse/core'

const paramsInstances = new Map<string, ReturnType<typeof useVueUseUrlSearchParams>>()

export function useRouteQuery<T extends Record<string, any> = Record<string, any>>(key?: string) {
  if (import.meta.server) {
    return useRoute().query as T
  }

  const finalKey = key ?? window.location.pathname

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

=\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

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

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