c048d5d9-f95f-4246-9591-5caf910754e3

Committed 02 Sep 2025 03:31PM UTC coverage: 45.697% (+4.6%) from 41.088%

Build # c048d5d9-f95f-4246-9591-5caf910754e3

Build Type

push

circleci

Committed by

edwh

Commit Message

WIP FreegleDocker CircleCI

Run Details

1766 of 4622 branches covered (38.21%)

Branch coverage included in aggregate %.

4032 of 8066 relevant lines covered (49.99%)

112.78 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

12.5

/components/MessageTextBody.vue

<template>
  <div>
    <Highlighter
      v-if="message.matchedon"
      :search-words="[message.matchedon.word]"
      :text-to-highlight="message.textbody"
      highlight-class-name="highlight"
      auto-escape
      class="prewrap"
    />
    <span v-else class="prewrap forcebreak font-weight-bold">{{
      safeBody
    }}</span>
  </div>
</template>
<script setup>
import { computed } from 'vue'
import Highlighter from 'vue-highlight-words'
import { twem } from '~/composables/useTwem'
import { useMessageStore } from '~/stores/message'

const props = defineProps({
  id: {
    type: Number,
    required: true,
  },
})

const messageStore = useMessageStore()

const message = computed(() => {
  return messageStore?.byId(props.id)
})

const safeBody = computed(() => {
  return twem(message.value.textbody)
})
</script>
<style scoped lang="scss">
.highlight {
  color: $color-orange--dark;
  background-color: initial;
  padding: 0;
}
</style>

1	<template>
2	<div>
3	<Highlighter
4	v-if="message.matchedon"
5	:search-words="[message.matchedon.word]"
6	:text-to-highlight="message.textbody"
7	highlight-class-name="highlight"
8	auto-escape
9	class="prewrap"
10	/>
11	<span v-else class="prewrap forcebreak font-weight-bold">{{
12	safeBody
13	}}</span>
14	</div>
15	</template>
16	<script setup>
17	import { computed } from 'vue'
18	import Highlighter from 'vue-highlight-words'
19	import { twem } from '~/composables/useTwem'
20	import { useMessageStore } from '~/stores/message'
21
22	const props = defineProps({	17✔
23	id: {
24	type: Number,
25	required: true,
26	},
27	})
28
29	const messageStore = useMessageStore()	×
30
31	const message = computed(() => {	×
32	return messageStore?.byId(props.id)	×
33	})
34
35	const safeBody = computed(() => {	×
36	return twem(message.value.textbody)	×
37	})
38	</script>
39	<style scoped lang="scss">
40	.highlight {
41	color: $color-orange--dark;
42	background-color: initial;
43	padding: 0;
44	}
45	</style>

Freegle / iznik-nuxt3 / c048d5d9-f95f-4246-9591-5caf910754e3

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous