• Home
  • Features
  • Pricing
  • Docs
  • Announcements
  • Sign In

Freegle / iznik-nuxt3 / 9b74b3d3-ab16-4543-bae8-afb302315870

06 Dec 2025 11:02PM UTC coverage: 43.206% (+0.7%) from 42.545%
9b74b3d3-ab16-4543-bae8-afb302315870

push

circleci

actions-user
Auto-merge production to app-ci-fd (daily scheduled)

Automated merge from production branch after successful tests.

🤖 Automated by GitHub Actions

2781 of 7090 branches covered (39.22%)

Branch coverage included in aggregate %.

28 of 67 new or added lines in 8 files covered. (41.79%)

517 existing lines in 28 files now uncovered.

3334 of 7063 relevant lines covered (47.2%)

14.04 hits per line

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

0.0
/components/MessageListCounts.vue
1
<template>
2
  <div v-if="browseCount" class="unread-divider">
×
3
    <div class="divider-line" />
4
    <div class="divider-content">
5
      <v-icon icon="eye" class="unread-icon" />
6
      <span class="unread-text">{{ browseCountPlural }}</span>
7
      <button class="mark-seen-btn" @click="markSeen">Mark seen</button>
8
    </div>
9
    <div class="divider-line" />
10
  </div>
11
</template>
12
<script setup>
13
import pluralize from 'pluralize'
14
import { computed } from 'vue'
15

UNCOV
16
const props = defineProps({
×
17
  count: {
18
    type: Number,
19
    required: false,
20
    default: 0,
21
  },
22
})
23

UNCOV
24
const emit = defineEmits(['markSeen'])
×
25

UNCOV
26
const browseCount = computed(() => {
×
UNCOV
27
  return Math.min(99, props.count)
×
28
})
29

UNCOV
30
const browseCountPlural = computed(() => {
×
UNCOV
31
  return pluralize('unread post', props.count, true)
×
32
})
33

UNCOV
34
function markSeen() {
×
UNCOV
35
  emit('markSeen')
×
36
}
37
</script>
38
<style scoped lang="scss">
39
@import 'assets/css/_color-vars.scss';
40

41
.unread-divider {
42
  display: flex;
43
  align-items: center;
44
  justify-content: center;
45
  gap: 12px;
46
  padding: 12px 16px;
47
  margin: 4px 0;
48
  background: $color-white;
49
  text-align: center;
50
}
51

52
.divider-line {
53
  flex: 1;
54
  height: 1px;
55
  background: linear-gradient(
56
    to right,
57
    transparent,
58
    rgba($colour-secondary, 0.3),
59
    rgba($colour-secondary, 0.3),
60
    transparent
61
  );
62
}
63

64
.divider-content {
65
  display: flex;
66
  align-items: center;
67
  justify-content: center;
68
  gap: 8px;
69
  white-space: nowrap;
70
  flex-shrink: 0;
71
}
72

73
.unread-icon {
74
  font-size: 0.9rem;
75
  color: $colour-secondary;
76
}
77

78
.unread-text {
79
  font-size: 0.8rem;
80
  font-weight: 600;
81
  color: $colour-secondary;
82
}
83

84
.mark-seen-btn {
85
  font-size: 0.75rem;
86
  font-weight: 500;
87
  color: $color-gray--dark;
88
  background: none;
89
  border: none;
90
  padding: 0;
91
  cursor: pointer;
92
  text-decoration: underline;
93

94
  &:hover {
95
    color: $colour-secondary;
96
  }
97
}
98
</style>
STATUS · Troubleshooting · Open an Issue · Sales · Support · CAREERS · ENTERPRISE · START FREE · SCHEDULE DEMO
ANNOUNCEMENTS · TWITTER · TOS & SLA · Supported CI Services · What's a CI service? · Automated Testing

© 2026 Coveralls, Inc