Everything inside Comvi.

1// "cart.summary":
2//   "{count, plural,
3//      one {<b>#</b> item from <link>store</link>}
4//      other {<b>#</b> items from <link>store</link>}}"
5
6import { T } from '@comvi/react'
7
8<T id="cart.summary" values={{ count: 3 }}
9  components={{
10    b: ({ children }) => <strong>{children}</strong>,
11    link: ({ children }) => <a href="/store">{children}</a>,
12  }}
13/>

1// "greeting.welcome":
2//   "{tone, select,
3//      formal {Welcome, {name}.}
4//      informal {Hey {name}!}
5//      other {Hi, {name}.}}"
6
7import { T } from '@comvi/react'
8
9<T id="greeting.welcome"
10   values={{ tone: user.preferences.tone, name: user.name }}
11/>

1// "legal.tos":
2//   "By <b>continuing</b>, you agree to our
3//    <link>terms</link> and <link2>privacy policy</link2>."
4
5import { T } from '@comvi/react'
6
7<T id="legal.tos" components={{
8  b:    ({ children }) => <strong>{children}</strong>,
9  link: ({ children }) => <a href="/terms">{children}</a>,
10  link2:({ children }) => <a href="/privacy">{children}</a>,
11}}/>

1<!-- "cart.summary":
2   "{count, plural,
3      one {<b>#</b> item from <link>store</link>}
4      other {<b>#</b> items from <link>store</link>}}" -->
5
6<script setup lang="ts">
7import { T } from '@comvi/vue'
8</script>
9
10<template>
11  <T id="cart.summary" :values="{ count: 3 }">
12    <template #b="{ children }"><strong>{{ children }}</strong></template>
13    <template #link="{ children }"><a href="/store">{{ children }}</a></template>
14  </T>
15</template>

1<!-- "greeting.welcome":
2   "{tone, select,
3      formal {Welcome, {name}.}
4      informal {Hey {name}!}
5      other {Hi, {name}.}}" -->
6
7<script setup lang="ts">
8import { T } from '@comvi/vue'
9</script>
10
11<template>
12  <T id="greeting.welcome"
13     :values="{ tone: user.tone, name: user.name }"/>
14</template>

1<!-- "legal.tos":
2   "By <b>continuing</b>, you agree to our
3    <link>terms</link> and <link2>privacy policy</link2>." -->
4
5<script setup lang="ts">
6import { T } from '@comvi/vue'
7</script>
8
9<template>
10  <T id="legal.tos">
11    <template #b="{ children }"><strong>{{ children }}</strong></template>
12    <template #link="{ children }"><a href="/terms">{{ children }}</a></template>
13    <template #link2="{ children }"><a href="/privacy">{{ children }}</a></template>
14  </T>
15</template>