chore: migrate weather status to vue3

Signed-off-by: Julien Veyssier <julien-nc@posteo.net>

Author: julien-nc

apps/weather_status/lib/Listeners/BeforeTemplateRenderedListener.php

@@ -35,5 +35,6 @@ public function handle(Event $event): void {
 		}
 
 		Util::addScript('weather_status', 'weather-status');
+		Util::addStyle('weather_status', 'weather-status');
 	}
 }

apps/weather_status/src/App.vue

@@ -8,7 +8,7 @@
 		<NcActions
 			class="weather-status-menu-item__subheader"
 			:aria-label="currentWeatherMessage"
-			:menu-name="currentWeatherMessage">
+			:menuName="currentWeatherMessage">
 			<template #icon>
 				<NcLoadingIcon v-if="loading" />
 				<img
@@ -34,7 +34,7 @@
 				v-if="gotWeather"
 				target="_blank"
 				:href="weatherLinkTarget"
-				:close-after-click="true">
+				:closeAfterClick="true">
 				<template #icon>
 					<NcIconSvgWrapper
 						name="MapMarker"
@@ -57,7 +57,7 @@
 			</NcActionButton>
 			<NcActionSeparator v-if="address && !errorMessage" />
 			<NcActionButton
-				:close-after-click="true"
+				:closeAfterClick="true"
 				@click="onBrowserLocationClick">
 				<template #icon>
 					<NcIconSvgWrapper
@@ -73,7 +73,7 @@
 				:disabled="false"
 				icon="icon-rename"
 				type="text"
-				model-value=""
+				modelValue=""
 				@submit="onAddressSubmit" />
 			<template v-if="favorites.length > 0">
 				<NcActionCaption :name="t('weather_status', 'Favorites')" />
@@ -102,7 +102,6 @@ import starOutlineSvg from '@mdi/svg/svg/star-outline.svg?raw'
 import starSvg from '@mdi/svg/svg/star.svg?raw'
 import { showError } from '@nextcloud/dialogs'
 import { getLocale } from '@nextcloud/l10n'
-import moment from '@nextcloud/moment'
 import { imagePath } from '@nextcloud/router'
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
 import NcActionCaption from '@nextcloud/vue/components/NcActionCaption'
@@ -865,10 +864,6 @@ export default {
 			}
 		},
 
-		formatTime(time) {
-			return moment(time).format('LT')
-		},
-
 		getTemperature(forecasts, offset = 0) {
 			return forecasts.length > offset ? forecasts[offset].data.instant.details.air_temperature : ''
 		},

apps/weather_status/src/weather-status.js

@@ -3,21 +3,17 @@
  * SPDX-License-Identifier: AGPL-3.0-or-later
  */
 
-import { getCSPNonce } from '@nextcloud/auth'
-import Vue from 'vue'
+import { createApp } from 'vue'
 import App from './App.vue'
 
-__webpack_nonce__ = getCSPNonce()
-
-Vue.prototype.t = t
-
 document.addEventListener('DOMContentLoaded', function() {
 	if (!OCA.Dashboard) {
 		return
 	}
 
 	OCA.Dashboard.registerStatus('weather', (el) => {
-		const Dashboard = Vue.extend(App)
-		return new Dashboard().$mount(el)
+		const app = createApp(App)
+		app.mixin({ methods: { t, n } })
+		return app.mount(el)
 	})
 })

build/frontend-legacy/webpack.modules.cjs

@@ -67,9 +67,6 @@ module.exports = {
 		updatenotification: path.join(__dirname, 'apps/updatenotification/src', 'updatenotification.js'),
 		'update-notification-legacy': path.join(__dirname, 'apps/updatenotification/src', 'update-notification-legacy.ts'),
 	},
-	weather_status: {
-		'weather-status': path.join(__dirname, 'apps/weather_status/src', 'weather-status.js'),
-	},
 	workflowengine: {
 		workflowengine: path.join(__dirname, 'apps/workflowengine/src', 'workflowengine.js'),
 	},

build/frontend/apps/weather_status

@@ -0,0 +1 @@
+../../../apps/weather_status

build/frontend/vite.config.ts

@@ -82,6 +82,9 @@ const modules = {
 	user_status: {
 		menu: resolve(import.meta.dirname, 'apps/user_status/src', 'menu.js'),
 	},
+	weather_status: {
+		'weather-status': resolve(import.meta.dirname, 'apps/weather_status/src', 'weather-status.js'),
+	},
 }
 
 // convert modules to modules entries prefied with the app id