feat: reactiveStr

src/string/index.ts

@@ -1,6 +1,14 @@
+import { computed, unref } from 'vue-demi'
 import { reactifyString } from '../utils'
 
 export * from './generated'
 
 /*@__PURE__*/
 export const toString = reactifyString(Object.prototype.toString)
+
+export function reactiveStr(strings: TemplateStringsArray, ...args: any[]) {
+  return computed(() => String.raw(strings, ...args.map(unref)))
+}
+
+/*@__PURE__*/
+export const rs = reactiveStr

test/string.test.ts

@@ -0,0 +1,17 @@
+import { ref } from 'vue'
+import { multiply } from '../src/math'
+import { rs } from '../src/string'
+
+describe('reactiveStr', () => {
+  it('exported', () => {
+    const a = ref(2)
+    const b = ref(3)
+    const c = rs`${a} x ${b} = ${multiply(a, b)}`
+
+    expect(c.value).toBe('2 x 3 = 6')
+
+    a.value = 8
+    b.value = 5
+    expect(c.value).toBe('8 x 5 = 40')
+  })
+})