https://emit-beta-v2.replit.app/routes/main.js

1export default {
2    template: '#main',
3    props: ['version'],
4    data() {
5        return {
6            nav: true,
7            active: 'modules',
8            activeClass: 'text-grey-1 bg-grey-9',
9            errorDrawer: false,
10            errorLog: [{ message: "test", file: "main.js", line: 21 }], // move to emit, then pass in as prop
11            errors: true,  // part of preference package { notifications.error }
12            
13        }
14    },
15    created() { // USE VUE CONFIG!!! Wired, then pull data from emit!!
16        this.profile = emit.getProp('profile');
17        
18        window.onerror = (msg, url, linenumber) => {
19            if (msg == 'ResizeObserver loop limit exceeded') { return true }
20            this.errorLog.push({ message: msg, file: url, line: linenumber });
21            if (this.errors) { this.$notify.error({ title: 'Error', message: 'A new error was logged' }) } 
22        }
23    },
24    
25    methods: {
26        setActive(id) {
27            this.active = id;
28            emit.nav(id);
29        },
30        reportError(indx) {
31            // send server report JSON error log indx, user data
32            this.errorLog.splice(indx, 1);
33            if (this.errorLog.length == 0) { this.errorDrawer = false }
34            this.$message({
35                showClose: true,
36                message: 'Error report sent.',
37                type: 'success'
38            });
39        },
40        showErrorLog () {
41            this.$q.bottomSheet({
42                message: 'Error Logs',
43                actions: [
44                    {
45                        label: 'Drive',
46                        img: 'https://cdn.quasar.dev/img/logo_drive_128px.png',
47                        id: 'drive'
48                    }
49                ]
50            });
51        }
52    },
53    watch: { 
54        $route (to, from) { this.active = to.name }
55    }
56}