cardamon 0.0.2

Cardamon is a tool to help development teams measure the power consumption and carbon emissions of their software.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39

<!-- ErrorBoundary.vue -->
<template>
    <div>
        <slot v-if="!error"></slot>
        <div v-else class="error-widget">
        </div>
    </div>
</template>

<script lang="ts">
import { defineComponent, ref, onErrorCaptured } from 'vue';

export default defineComponent({
    name: 'ErrorBoundary',
    setup(props, { slots }) {
        const error = ref(false);
        const errorMessage = ref('');

        onErrorCaptured((err: Error) => {
            error.value = true;
            errorMessage.value = err.message;
            console.error(err);
            return false;
        });

        return {
            error,
            errorMessage,
            slots,
        };
    }
});
</script>

<style scoped>
.error-widget {
    @apply p-4;
}
</style>