Anoesj

<!--
  Vue sets an empty number input to '' by default, because that's
  what browsers do. However, me no likey.
  Read on here: https://github.com/vuejs/vue/issues/4742
-->

<template>
  <input
    v-model="model"
    type="number"

Anoesj

/*
  This registers a v-nuxt-html directive, that can be used as a drop-in replacement for v-html.
  It makes sure all rendered <a> tags navigate using the router, simulating the behavior of <NuxtLink>.

  Inspired by https://www.trpkovski.com/2024/03/24/is-it-possible-to-use-nuxt-link-in-content-rendered-with-v-html
  Improved so it renders the HTML on the server side as well and doesn't
  `event.preventDefault` the click in some situations.
*/
export default defineNuxtPlugin((nuxtApp) => {
  function handleLinkClick (event: MouseEvent) {

Anoesj

/// Creates CSS var and some additional CSS vars for the hue, saturation
/// and lightness values of the given color.
/// Inspired by https://codyhouse.co/blog/post/how-to-combine-sass-color-functions-and-css-variables
///
/// @param {string} $css-var-name: The name of the CSS var.
/// @param {string} $hex-color-value: The hex color value.
/// @example scss - Usage
///   :root {
///     @include declare-hsl-color(--color-primary, #ff0000);
///   }

Anoesj

// Create audio context.
const ctx = new window.AudioContext();

// Autoplay policy: start context after user gesture.
window.addEventListener('click', () => {
  ctx.resume().then(() => {
    console.log('AudioContext started');
  });
}, {
  once: true,

Anoesj

# Add in .bashrc/.zshrc etc.

# Print/open link to repository, preferably to currently active branch
function repo () {
  if [ "$(git rev-parse --is-inside-work-tree)" = "true" ]; then
    REPO_URL=$(git config --get remote.origin.url | sed "s~git@\(.*\):\(.*\).git~https:\/\/\1\/\2~")
    BRANCH=$(git branch --show-current)
    # BRANCH=$(git branch 2> /dev/null | sed -e '/^[^*]/d' -e 's/* \(.*\)/\1/') # if the line above doesn't work
    URL=""
    if [[ $REPO_URL = *"github.com"* ]]; then

Anoesj

/*
   You can safely wrap a class definition in a Proxy.
   Note that the class instance will not be a Proxy. To do that, this pattern can be used:
   const handler = {...};
   class Foo {
     constructor () {
       return new Proxy(this, handler);
     }
   }
 */

Anoesj

// LONG VERSION WITH ERROR LOGGING
function getValueByObjectPath (obj, path) {
  const pathSplit = path.split('.');
  return pathSplit.reduce((value, pathPart, depth) => {
    try {
      return value[pathPart];
    }
    catch (err) {
      let pathSoFar = '';
      for (let i = 0; i < depth; i++) {