Akryum

module.exports = {
  chainWebpack: config => {
    config
      .plugin('manifest')
      .use('webpack-assets-manifest', [{
        publicPath: process.env.BASE_URL,
        output: process.env.NODE_ENV === 'development' ? 'webpack.dev.manifest.json' : 'webpack.manifest.json',
        writeToDisk: true,
      }])
  }

Akryum

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

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

Akryum

<div class="flex !md:flex-col items-center !md:space-y-6 md:space-x-6">
  <button>Menu button 1</button>
  <button>Menu button 2</button>
  <button>Menu button 3</button>
</div>

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

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;