feat: move from life cycle to data or watcher

- remove from created / mounted
- initialize component services in data
- use immediate watcher where appropriate
- deep watch for route changes

src/components/misc/subscription.vue

@@ -30,7 +30,7 @@ export default {
 	name: 'task-subscription',
 	data() {
 		return {
-			subscriptionService: SubscriptionService,
+			subscriptionService: new SubscriptionService(),
 		}
 	},
 	props: {
@@ -49,9 +49,6 @@ export default {
 			default: true,
 		},
 	},
-	created() {
-		this.subscriptionService = new SubscriptionService()
-	},
 	computed: {
 		tooltipText() {
 			if (this.disabled) {