fix require() actually not working after build in the frontend

server/util.js

@@ -1,9 +1,5 @@
-/*
- * Common functions - can be used in frontend or backend
- */
-
-
-
+// Common JS cannot be used in frontend sadly
+// sleep, ucfirst is duplicated in ../src/util-frontend.js
 
 exports.sleep = function (ms) {
     return new Promise(resolve => setTimeout(resolve, ms));

src/components/CountUp.vue

@@ -5,7 +5,7 @@
 
 <script>
 
-const {sleep} = require("../../server/util")
+import {sleep} from '../util-frontend'
 
 export default {
 

src/components/NotificationDialog.vue

@@ -220,7 +220,7 @@
 
 <script>
 import { Modal } from 'bootstrap'
-const {ucfirst} = require("../../server/util")
+import { ucfirst } from '../util-frontend'
 import axios from "axios";
 import { useToast } from 'vue-toastification'
 import Confirm from "./Confirm.vue";

src/util-frontend.js

@@ -5,6 +5,19 @@ import timezone  from 'dayjs/plugin/timezone'
 dayjs.extend(utc)
 dayjs.extend(timezone)
 
+export function sleep(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
+
+export function ucfirst(str) {
+    if (! str) {
+        return str;
+    }
+
+    const firstLetter = str.substr(0, 1);
+    return firstLetter.toUpperCase() + str.substr(1);
+}
+
 
 function getTimezoneOffset(timeZone) {
     const now = new Date();