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

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