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/views/labels/ListLabels.vue

@@ -118,13 +118,12 @@ export default {
 	},
 	data() {
 		return {
-			labelEditLabel: LabelModel,
+			labelEditLabel: new LabelModel(),
 			isLabelEdit: false,
 			editorActive: false,
 		}
 	},
 	created() {
-		this.labelEditLabel = new LabelModel()
 		this.loadLabels()
 	},
 	mounted() {

src/views/labels/NewLabel.vue

@@ -35,7 +35,6 @@
 </template>
 
 <script>
-import labelModel from '../../models/label'
 import LabelModel from '../../models/label'
 import CreateEdit from '@/components/misc/create-edit.vue'
 import ColorPicker from '../../components/input/colorPicker'
@@ -46,7 +45,7 @@ export default {
 	name: 'NewLabel',
 	data() {
 		return {
-			label: labelModel,
+			label: new LabelModel(),
 			showError: false,
 		}
 	},
@@ -54,9 +53,6 @@ export default {
 		CreateEdit,
 		ColorPicker,
 	},
-	created() {
-		this.label = new LabelModel()
-	},
 	mounted() {
 		this.setTitle(this.$t('label.create.title'))
 	},