Remove trailing slash

Author: 1andee

src/components/app.tsx

@@ -13,10 +13,17 @@ import Header from './header';
 import Footer from './footer';
 
 const App: FunctionalComponent = () => {
+    function removeTrailingSlash({ url }: { url: string }) {
+        if (!window) return;
+        if (url.slice(-1) === '/') {
+            window.history.replaceState(null, '', url.slice(0, -1));
+        }
+    };
+    
     return (
         <div id="preact_root">
             <Header />
-            <Router>
+            <Router onChange={removeTrailingSlash}>
                 <Home path="/" />
                 <AboutUs path="/about-us" />
                 <Canteen path="/canteen" />