Sentry integration

src/client/pages/settings/experimental-features.vue

@@ -1,6 +1,6 @@
 <template>
 <FormBase>
-
+	<FormButton @click="error()">error test</FormButton>
 </FormBase>
 </template>
 
@@ -42,5 +42,11 @@ export default defineComponent({
 	mounted() {
 		this.$emit('info', this.INFO);
 	},
+
+	methods: {
+		error() {
+			throw new Error('Test error');
+		}
+	}
 });
 </script>

src/client/pages/settings/other.vue

@@ -4,6 +4,8 @@
 		{{ $ts.showFeaturedNotesInTimeline }}
 	</FormSwitch>
 
+	<FormSwitch v-model:value="reportError">{{ $ts.sendErrorReports }}<template #desc>{{ $ts.sendErrorReportsDescription }}</template></FormSwitch>
+
 	<FormLink to="/settings/account-info">{{ $ts.accountInfo }}</FormLink>
 	<FormLink to="/settings/experimental-features">{{ $ts.experimentalFeatures }}</FormLink>
 
@@ -31,6 +33,7 @@ import FormGroup from '@/components/form/group.vue';
 import FormButton from '@/components/form/button.vue';
 import * as os from '@/os';
 import { debug } from '@/config';
+import { defaultStore } from '@/store';
 
 export default defineComponent({
 	components: {
@@ -54,6 +57,10 @@ export default defineComponent({
 		}
 	},
 
+	computed: {
+		reportError: defaultStore.makeGetterSetter('reportError'),
+	},
+
 	mounted() {
 		this.$emit('info', this.INFO);
 	},