failed to fullscreen the app

NUXT/components/bottomNavigation.vue

@@ -1,8 +1,9 @@
 <template>
+  <!-- hide-on-scroll -->
   <v-bottom-navigation
     v-model="tabSelection"
     shift
-    class="bottomNav py-4 transparent"
+    class="bottomNav py-4 background"
     :style="
       $vuetify.theme.dark
         ? 'border-top: 1px solid var(--v-background-lighten1) !important;'
@@ -73,9 +74,9 @@ export default {
 
 <style scoped>
 .bottomNav {
+  /* box-shadow: inset 0 1rem 10rem var(--v-background-base) !important; */
   /* ios gesture nav */
   bottom: env(safe-area-inset-bottom) !important;
-  box-shadow: none !important;
   height: 4rem !important;
   padding: 0 !important;
   position: fixed;

NUXT/components/topNavigation.vue

@@ -1,7 +1,13 @@
 <template>
   <v-card
-    style="height: 4rem !important; display: flex; box-shadow: none !important"
+    scroll-off-screen
-    class="rounded-0 pa-3 topNav transparent"
+    style="height: 4rem !important; display: flex"
+    class="rounded-0 pa-3 topNav background"
+    :style="
+      $vuetify.theme.dark
+        ? 'border-bottom: 1px solid var(--v-background-lighten1) !important;'
+        : 'border-bottom: 1px solid var(--v-background-darken1) !important;'
+    "
   >
     <h3 v-show="!search" class="my-auto ml-4" v-text="page" />
 
@@ -107,6 +113,7 @@ export default {
 
 <style scoped>
 .topNav {
+  /* box-shadow: inset 0 1rem 10rem var(--v-background-base) !important; */
   /* ios notch */
   top: env(safe-area-inset-top) !important;
   position: fixed;

NUXT/layouts/default.vue

@@ -3,6 +3,7 @@
     <topNavigation
       :search="search"
       :page="page"
+      style="z-index: 696969"
       @close-search="search = !search"
       @search-btn="searchBtn"
       @text-changed="textChanged"
@@ -10,14 +11,12 @@
     />
 
     <div style="height: 100%; margin-top: 4rem">
-      <div
+      <div v-show="!search">
-        v-show="!search"
+        <!-- class="scrollcontainer" -->
-        class="scrollcontainer"
+        <!-- style="overflow: hidden; height: calc(100vh - 8rem)" -->
-        style="overflow: hidden; height: calc(100vh - 8rem)"
-      >
         <!-- element above removes artifacting from things like v-ripple by -->
         <!-- scrollbox below must be a standalone div -->
-        <div ref="pgscroll" class="scroll-y" style="height: 100%">
+        <div ref="pgscroll" style="height: 100%">
           <nuxt />
         </div>
       </div>
@@ -185,6 +184,11 @@ export default {
   opacity: 0 !important;
 }
 
+.glassy {
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+}
+
 .scrollcontainer {
   overflow: hidden;
   /* ios notch & gesture nav */

NUXT/pages/index.vue

@@ -39,6 +39,7 @@ export default {
         if (localStorage.getItem("backgroundLight") != null)
           this.$vuetify.theme.themes.light.background =
             localStorage.getItem("backgroundLight");
+
         this.$vuetube.navigationBar.setTheme(
           this.$vuetify.theme.currentTheme.background,
           !this.$vuetify.theme.dark
@@ -47,6 +48,8 @@ export default {
           this.$vuetify.theme.currentTheme.background,
           this.$vuetify.theme.dark
         );
+        // this.$vuetube.statusBar.setTransparent();
+        // this.$vuetube.navigationBar.setTransparent();
         resolve();
       }, 0)
     );

NUXT/pages/mods/tweaks.vue

@@ -16,9 +16,9 @@
       <div
         v-for="item in list"
         :key="item"
-        @click="list.pop(item)"
         class="pa-4 mb-1 background text-center rounded-sm"
         :class="$vuetify.theme.dark ? 'lighten-1' : 'darken-1'"
+        @click="list.pop(item)"
       >
         {{ item }}
       </div>

android/.idea/deploymentTargetDropDown.xml

@@ -12,6 +12,6 @@
         </deviceKey>
       </Target>
     </targetSelectedWithDropDown>
-    <timeTargetWasSelectedWithDropDown value="2022-03-31T22:44:20.197073Z" />
+    <timeTargetWasSelectedWithDropDown value="2022-04-14T19:24:24.550770Z" />
   </component>
 </project>

ios/App/App.xcodeproj/project.pbxproj

@@ -27,6 +27,7 @@
 		504EC3111FED79650016851F /* Base */ = {isa = PBXFileReference; lastKnownFileType = file.storyboard; name = Base; path = Base.lproj/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		504EC3131FED79650016851F /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = "<group>"; };
 		50B271D01FEDC1A000F3C39B /* public */ = {isa = PBXFileReference; lastKnownFileType = folder; path = public; sourceTree = "<group>"; };
+		892EF9F42809CD8A00F0F89E /* App.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; path = App.entitlements; sourceTree = "<group>"; };
 		AF277DCFFFF123FFC6DF26C7 /* Pods_App.framework */ = {isa = PBXFileReference; explicitFileType = wrapper.framework; includeInIndex = 0; path = Pods_App.framework; sourceTree = BUILT_PRODUCTS_DIR; };
 		AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-App.release.xcconfig"; path = "Pods/Target Support Files/Pods-App/Pods-App.release.xcconfig"; sourceTree = "<group>"; };
 		FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-App.debug.xcconfig"; path = "Pods/Target Support Files/Pods-App/Pods-App.debug.xcconfig"; sourceTree = "<group>"; };
@@ -73,6 +74,7 @@
 		504EC3061FED79650016851F /* App */ = {
 			isa = PBXGroup;
 			children = (
+				892EF9F42809CD8A00F0F89E /* App.entitlements */,
 				50379B222058CBB4000EE86E /* capacitor.config.json */,
 				504EC3071FED79650016851F /* AppDelegate.swift */,
 				504EC30B1FED79650016851F /* Main.storyboard */,
@@ -345,17 +347,20 @@
 			baseConfigurationReference = FC68EB0AF532CFC21C3344DD /* Pods-App.debug.xcconfig */;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_STYLE = Automatic;
 				DEVELOPMENT_TEAM = VRCJ7YWR89;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 12.2;
+				"IPHONEOS_DEPLOYMENT_TARGET[sdk=macosx*]" = 14.2;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
 				OTHER_SWIFT_FLAGS = "$(inherited) \"-D\" \"COCOAPODS\" \"-DDEBUG\"";
 				PRODUCT_BUNDLE_IDENTIFIER = com.Frontesque.vuetube;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				SUPPORTS_MACCATALYST = YES;
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
 				SWIFT_VERSION = 5.0;
-				TARGETED_DEVICE_FAMILY = "1,2";
+				TARGETED_DEVICE_FAMILY = "1,2,6";
 			};
 			name = Debug;
 		};
@@ -364,16 +369,19 @@
 			baseConfigurationReference = AF51FD2D460BCFE21FA515B2 /* Pods-App.release.xcconfig */;
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
+				CODE_SIGN_ENTITLEMENTS = App/App.entitlements;
 				CODE_SIGN_STYLE = Automatic;
 				DEVELOPMENT_TEAM = VRCJ7YWR89;
 				INFOPLIST_FILE = App/Info.plist;
 				IPHONEOS_DEPLOYMENT_TARGET = 12.2;
+				"IPHONEOS_DEPLOYMENT_TARGET[sdk=macosx*]" = 14.2;
 				LD_RUNPATH_SEARCH_PATHS = "$(inherited) @executable_path/Frameworks";
 				PRODUCT_BUNDLE_IDENTIFIER = com.Frontesque.vuetube;
 				PRODUCT_NAME = "$(TARGET_NAME)";
+				SUPPORTS_MACCATALYST = YES;
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = "";
 				SWIFT_VERSION = 5.0;
-				TARGETED_DEVICE_FAMILY = "1,2";
+				TARGETED_DEVICE_FAMILY = "1,2,6";
 			};
 			name = Release;
 		};

ios/App/App/App.entitlements

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
+<plist version="1.0">
+<dict>
+	<key>com.apple.security.app-sandbox</key>
+	<true/>
+	<key>com.apple.security.network.client</key>
+	<true/>
+</dict>
+</plist>

ios/App/Podfile

@@ -9,17 +9,17 @@ install! 'cocoapods', :disable_input_output_paths => true
 def capacitor_pods
   pod 'Capacitor', :path => '../../node_modules/@capacitor/ios'
   pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios'
-  pod 'CapacitorCommunityHttp', :path => '..\..\node_modules\@capacitor-community\http'
+  pod 'CapacitorCommunityHttp', :path => '../../node_modules/@capacitor-community/http'
-  pod 'CapacitorApp', :path => '..\..\node_modules\@capacitor\app'
+  pod 'CapacitorApp', :path => '../../node_modules/@capacitor/app'
-  pod 'CapacitorBrowser', :path => '..\..\node_modules\@capacitor\browser'
+  pod 'CapacitorBrowser', :path => '../../node_modules/@capacitor/browser'
-  pod 'CapacitorDevice', :path => '..\..\node_modules\@capacitor\device'
+  pod 'CapacitorDevice', :path => '../../node_modules/@capacitor/device'
-  pod 'CapacitorFilesystem', :path => '..\..\node_modules\@capacitor\filesystem'
+  pod 'CapacitorFilesystem', :path => '../../node_modules/@capacitor/filesystem'
-  pod 'CapacitorHaptics', :path => '..\..\node_modules\@capacitor\haptics'
+  pod 'CapacitorHaptics', :path => '../../node_modules/@capacitor/haptics'
-  pod 'CapacitorShare', :path => '..\..\node_modules\@capacitor\share'
+  pod 'CapacitorShare', :path => '../../node_modules/@capacitor/share'
-  pod 'CapacitorSplashScreen', :path => '..\..\node_modules\@capacitor\splash-screen'
+  pod 'CapacitorSplashScreen', :path => '../../node_modules/@capacitor/splash-screen'
-  pod 'CapacitorStatusBar', :path => '..\..\node_modules\@capacitor\status-bar'
+  pod 'CapacitorStatusBar', :path => '../../node_modules/@capacitor/status-bar'
-  pod 'CapacitorToast', :path => '..\..\node_modules\@capacitor\toast'
+  pod 'CapacitorToast', :path => '../../node_modules/@capacitor/toast'
-  pod 'HugotomaziCapacitorNavigationBar', :path => '..\..\node_modules\@hugotomazi\capacitor-navigation-bar'
+  pod 'HugotomaziCapacitorNavigationBar', :path => '../../node_modules/@hugotomazi/capacitor-navigation-bar'
 end
 
 target 'App' do