Vue 2 Redirect to Maintenance Page in Apache

Currently have configured Vue in History Mode in Apache using the following .htaccess :

<ifModule mod_rewrite.c>
  RewriteEngine On

  RewriteBase /

  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</ifModule>

I am trying to put my website in maintenance(i.e https://<website.com>/maintenance).
Question : How should I include/modify the redirect/rewrite rule in Apache? Or is there a specific way of doing this in Vue?

Attempt : Have tried the following but it does not display anything :

RewriteCond %{ENV:REDIRECT_STATUS} !=503
RewriteRule !^/maintenance$ %{DOCUMENT_ROOT}/maintenance [L,R=503]

Seeing as your app is loaded from index.html redirecting to /maintenance won’t load the app.

Do you have a maintenance.html page for when you redirect here? I assume not which is why you receive a blank page.