[POC] i18n in 142 bytes 💥

i18n.js

export default function (locale, path, ...args) {
  return (path, ...args) => {
    const keys = path.trim().split('.')
    const fn = keys.reduce((prev, curr) => prev && prev[curr], locale)
    return typeof fn === 'function' ? fn(...args) : fn
  }
}

// export default function(t,e,...n){return(e,...n)=>{const r=e.trim().split(".").reduce((t,e)=>t&&t[e],t);return"function"==typeof r?r(...n):r}}

<script setup>
import useI18n from './i18n.js'
let locale = $ref('de')

let i18n = $ref({
  en: {
    welcome: 'Welcome!',
    hello: x => `Hello ${x}!`,
    colors: [
      'White',
      'Black'
    ]
  },
  de: {
    welcome: 'Willkommen!',
    hello: x => `Hallo ${x}!`,
    colors: [
      'Weiß',
      'Schwarz'
    ]
  }
}) 

const t = useI18n(i18n[locale])
</script>

<template>
{{ locale }} <!-- de -->
{{ t('welcome') }}   <!-- Willkommen! -->
{{ t('hello', 'Dalibor') }}  <!-- Hallo Dalibor! -->
{{ t('colors.1') }}  <!-- Schwarz -->
</template>