Fixed notch on iphone

Author: mariush2

public/index.html

@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="apple-mobile-web-app-capable" content="yes">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title>albumer</title>
   </head>

vue.config.js

@@ -1,3 +1,12 @@
-/*module.exports = {
-  transpileDependencies: ['vuetify'],
-};*/
+module.exports = {
+  pwa: {
+    name: 'albumer',
+    themeColor: '#b65b6b',
+    msTileColor: '#b65b6b',
+    appleMobileWebAppCapable: 'yes',
+    appleMobileWebAppStatusBarStyle: 'black-translucent',
+
+    // configure the workbox plugin
+    workboxPluginMode: 'InjectManifest',
+  },
+};