assets/components/dialog/dialog.vue

@@ -32,10 +32,6 @@
 </template>
 
 <script>
-function mounted() {
-	this.events.emit('blur');
-}
-
 export default {
 	props: {
 		title: {
@@ -44,7 +40,6 @@ export default {
 		},
 	},
 	emits: ['close'],
-	mounted,
 };
 </script>
 

assets/components/header/header.vue

@@ -100,7 +100,6 @@
 						:notifications="notifications"
 						:unseen-count="unseenNotificationsCount"
 						@check="fetchNotifications"
-						@add-alert="showAddAlert = true"
 					/>
 				</template>
 			</Tooltip>
@@ -145,19 +144,12 @@
 
 			<Search class="search-full" />
 		</div>
-
-		<AddAlert
-			v-if="showAddAlert"
-			@close="showAddAlert = false"
-		>Alert</AddAlert>
 	</header>
 </template>
 
 <script>
 import Menu from './menu.vue';
 import Notifications from './notifications.vue';
-import AddAlert from '../alerts/add.vue';
-
 import Search from './search.vue';
 
 import logo from '../../img/logo.svg';
@@ -175,7 +167,6 @@ async function fetchNotifications() {
 
 export default {
 	components: {
-		AddAlert,
 		Menu,
 		Notifications,
 		Search,
@@ -186,7 +177,6 @@ export default {
 			logo,
 			searching: false,
 			showFilters: false,
-			showAddAlert: false,
 			notifications: [],
 			unseenNotificationsCount: 0,
 		};

assets/components/header/notifications.vue

@@ -14,11 +14,16 @@
 				<Icon
 					v-tooltip="'Add alert'"
 					icon="plus3"
-					@click="$emit('addAlert')"
+					@click="showAddAlert = true"
 				/>
 			</div>
 		</div>
 
+		<AddAlert
+			v-if="showAddAlert"
+			@close="showAddAlert = false"
+		>Alert</AddAlert>
+
 		<div class="notifications-body">
 			<div
 				v-if="notifications.length === 0"
@@ -118,6 +123,8 @@
 </template>
 
 <script>
+import AddAlert from '../alerts/add.vue';
+
 async function checkNotifications() {
 	await this.$store.dispatch('checkNotifications');
 
@@ -135,6 +142,9 @@ async function checkNotification(notificationId, blur) {
 }
 
 export default {
+	components: {
+		AddAlert,
+	},
 	props: {
 		notifications: {
 			type: Array,
@@ -150,7 +160,6 @@ export default {
 			showAddAlert: false,
 		};
 	},
-	emits: ['addAlert'],
 	methods: {
 		checkNotifications,
 		checkNotification,

assets/components/users/user.vue

@@ -221,8 +221,6 @@ export default {
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	box-sizing: border-box;
-	padding: 1rem;
 	background: var(--shadow-touch);
 
 	.icon {

package-lock.json

@@ -1,11 +1,11 @@
 {
     "name": "traxxx",
-    "version": "1.193.2",
+    "version": "1.193.1",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
-            "version": "1.193.2",
+            "version": "1.193.1",
             "license": "ISC",
             "dependencies": {
                 "@casl/ability": "^5.2.2",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.193.2",
+    "version": "1.193.1",
     "description": "All the latest porn releases in one place",
     "main": "src/app.js",
     "scripts": {