Added type for route. Fixed: type issue capacitor-app.ts & android studio cordova plugin missing error

Author: sajjadalis

android/.gitignore

@@ -90,7 +90,7 @@ lint/tmp/
 *.hprof
 
 # Cordova plugins for Capacitor
-capacitor-cordova-android-plugins
+# capacitor-cordova-android-plugins
 
 # Copied web assets
 app/src/main/assets/public

android/capacitor-cordova-android-plugins/build.gradle

@@ -0,0 +1,59 @@
+ext {
+    androidxAppCompatVersion = project.hasProperty('androidxAppCompatVersion') ? rootProject.ext.androidxAppCompatVersion : '1.2.0'
+    cordovaAndroidVersion = project.hasProperty('cordovaAndroidVersion') ? rootProject.ext.cordovaAndroidVersion : '7.0.0'
+}
+
+buildscript {
+    repositories {
+        google()
+        jcenter()
+    }
+    dependencies {
+        classpath 'com.android.tools.build:gradle:4.2.1'
+    }
+}
+
+apply plugin: 'com.android.library'
+
+android {
+    compileSdkVersion project.hasProperty('compileSdkVersion') ? rootProject.ext.compileSdkVersion : 30
+    defaultConfig {
+        minSdkVersion project.hasProperty('minSdkVersion') ? rootProject.ext.minSdkVersion : 21
+        targetSdkVersion project.hasProperty('targetSdkVersion') ? rootProject.ext.targetSdkVersion : 30
+        versionCode 1
+        versionName "1.0"
+    }
+    lintOptions {
+        abortOnError false
+    }
+    compileOptions {
+        sourceCompatibility JavaVersion.VERSION_1_8
+        targetCompatibility JavaVersion.VERSION_1_8
+    }
+}
+
+repositories {
+    google()
+    mavenCentral()
+    jcenter()
+    flatDir{
+        dirs 'src/main/libs', 'libs'
+    }
+}
+
+dependencies {
+    implementation fileTree(dir: 'src/main/libs', include: ['*.jar'])
+    implementation "androidx.appcompat:appcompat:$androidxAppCompatVersion"
+    implementation "org.apache.cordova:framework:$cordovaAndroidVersion"
+    // SUB-PROJECT DEPENDENCIES START
+
+    // SUB-PROJECT DEPENDENCIES END
+}
+
+// PLUGIN GRADLE EXTENSIONS START
+apply from: "cordova.variables.gradle"
+// PLUGIN GRADLE EXTENSIONS END
+
+for (def func : cdvPluginPostBuildExtras) {
+    func()
+}

android/capacitor-cordova-android-plugins/cordova.variables.gradle

@@ -0,0 +1,7 @@
+// DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN
+ext {
+  cdvMinSdkVersion = project.hasProperty('minSdkVersion') ? rootProject.ext.minSdkVersion : 21
+  // Plugin gradle extensions can append to this to have code run at the end.
+  cdvPluginPostBuildExtras = []
+  cordovaConfig = [:]
+}

android/capacitor-cordova-android-plugins/src/main/AndroidManifest.xml

@@ -0,0 +1,9 @@
+<?xml version='1.0' encoding='utf-8'?>
+<manifest package="capacitor.android.plugins"
+xmlns:android="http://schemas.android.com/apk/res/android"
+xmlns:amazon="http://schemas.amazon.com/apk/res/android">
+<application  >
+
+</application>
+
+</manifest>

android/capacitor-cordova-android-plugins/src/main/java/.gitkeep

@@ -0,0 +1 @@
+

android/capacitor-cordova-android-plugins/src/main/res/.gitkeep

@@ -1,5 +1,5 @@
 var capacitorApp = {
-  f7: null,
+  f7: null as any,
   /*
   This method hides splashscreen after 2 seconds
   */
@@ -103,7 +103,7 @@ var capacitorApp = {
       Keyboard.setAccessoryBarVisible({isVisible: true});
     });
 
-    $(document).on('touchstart', 'input, textarea, select', function (e) {
+    $(document).on('touchstart', 'input, textarea, select', function (e: any) {
       var nodeName = e.target.nodeName.toLowerCase();
       var type = e.target.type;
       var showForTypes = ['datetime-local', 'time', 'date', 'datetime'];
@@ -114,7 +114,7 @@ var capacitorApp = {
       }
     }, true);
   },
-  init: function (f7) {
+  init: function (f7: any) {
     // Save f7 instance
     capacitorApp.f7 = f7;
 
@@ -129,4 +129,10 @@ var capacitorApp = {
   },
 };
 
+declare global {
+  interface Window {
+    Capacitor: any;
+  }
+}
+
 export default capacitorApp;

src/capacitor-app.ts

@@ -1,11 +1,12 @@
+import type { Router } from "framework7/types";
 import HomePage from '../pages/home.vue';
 import AboutPage from '../pages/about.vue';
 import SettingsPage from '../pages/settings.vue';
 import DynamicRoutePage from '../pages/dynamic-route.vue';
 import RequestAndLoad from '../pages/request-and-load.vue';
 import NotFoundPage from '../pages/404.vue';
 
-var routes = [
+var routes: Router.RouteParameters[] = [
   {
     path: '/',
     component: HomePage,