socheatsok78

Vue.js Debugging in VS Code Extended

https://vuejs.org/v2/cookbook/debugging-in-vscode.html

Features

• Add preLaunchTask to launch config
• Add problemMatcher for npm: serve task

socheatsok78

import { NestedRouteView } from '@soramitsukhmer/vuetify-plugin'

export default {
  path: 'sessions',
  meta: {
    title: 'Session',
    breadcrumb: {
      text: 'Session'
    }
  },

socheatsok78

code --install-extension EditorConfig.EditorConfig
code --install-extension dbaeumer.vscode-eslint
code --install-extension esbenp.prettier-vscode
code --install-extension octref.vetur
code --install-extension wix.vscode-import-cost

socheatsok78

Example

execute(() => { 
    const uint = new Uint8ClampedArray(32)
    const random = crypto.getRandomValues(uint)
    return random
})

// Return Uint8ClampedArray(32) value

socheatsok78

Vue: Pass Slots through from Parent to Child Components

The Situation

• We've got some components A, B and C which provide different slots.

  const A = {
    template: `<div><slot name="a">Default A Content</slot></div>`
  }

const B = {

socheatsok78

/**
 * Get a random large number
 */
export const getRandomNumber = () => parseInt((Math.random() + "").split('.')[1])

/**
 * Get random string identifier
 */
export const getRandomString = () => getRandomNumber().toString(36)

socheatsok78

Example of are-you-ready-yet used with Comlink

• GoogleChromeLabs/comlink
• are-you-ready-yet

socheatsok78

const pedestrianStates = {
  initial: 'walk',
  states: {
    walk: {
      on: {
        PED_TIMER: 'wait'
      }
    },
    wait: {
      on: {

socheatsok78

animationInterval

Usage

// Create an animation callback every second:
const stopInterval = animationInterval(1000, function (time) {
  console.count('Timer')
})

socheatsok78

#include "Dactyl.h"
#include "action_layer.h"
#include "eeconfig.h"

extern keymap_config_t keymap_config;
#define _QWERTY 0
#define _NUMLAYER 1
enum custom_keycodes {
    QWERTY,
    NUMLAYER