Refactor plugin details modal using Vue

package.json

@@ -47,6 +47,7 @@
     "vue": "^3.2.6"
   },
   "devDependencies": {
+    "@types/iframe-resizer": "^3.5.13",
     "@types/jest": "^26.0.24",
     "@types/materialize-css": "^1.0.11",
     "@types/mousetrap": "^1.6.8",

plugins/Marketplace/Marketplace.php

@@ -72,6 +72,7 @@ public function getClientSideTranslationKeys(&$translationKeys)
         $translationKeys[] = 'CorePluginsAdmin_ThemesDescription';
         $translationKeys[] = 'CorePluginsAdmin_ViewAllMarketplacePlugins';
         $translationKeys[] = 'CoreUpdater_UpdateTitle';
+        $translationKeys[] = 'General_Documentation';
         $translationKeys[] = 'General_Download';
         $translationKeys[] = 'General_Downloads';
         $translationKeys[] = 'General_Help';
@@ -154,6 +155,31 @@ public function getClientSideTranslationKeys(&$translationKeys)
         $translationKeys[] = 'Marketplace_UploadZipFile';
         $translationKeys[] = 'Marketplace_ViewSubscriptions';
         $translationKeys[] = 'Mobile_LoadingReport';
+        $translationKeys[] = 'Marketplace_AddToCart';
+        $translationKeys[] = 'Marketplace_Authors';
+        $translationKeys[] = 'Marketplace_AutoUpdateDisabledWarning';
+        $translationKeys[] = 'Marketplace_ByXDevelopers';
+        $translationKeys[] = 'Marketplace_ClickToCompletePurchase';
+        $translationKeys[] = 'Marketplace_CurrentNumPiwikUsers';
+        $translationKeys[] = 'Marketplace_Developer';
+        $translationKeys[] = 'Marketplace_FeaturedPlugin';
+        $translationKeys[] = 'Marketplace_LastCommitTime';
+        $translationKeys[] = 'Marketplace_LastUpdated';
+        $translationKeys[] = 'Marketplace_License';
+        $translationKeys[] = 'Marketplace_MultiServerEnvironmentWarning';
+        $translationKeys[] = 'Marketplace_NumDownloadsLatestVersion';
+        $translationKeys[] = 'Marketplace_PluginKeywords';
+        $translationKeys[] = 'Marketplace_PluginLicenseExceededDescription';
+        $translationKeys[] = 'Marketplace_PluginLicenseMissingDescription';
+        $translationKeys[] = 'Marketplace_PluginWebsite';
+        $translationKeys[] = 'Marketplace_PriceExclTax';
+        $translationKeys[] = 'Marketplace_Reviews';
+        $translationKeys[] = 'Marketplace_Screenshots';
+        $translationKeys[] = 'Marketplace_ShownPriceIsExclTax';
+        $translationKeys[] = 'Marketplace_TryFreeTrialTitle';
+        $translationKeys[] = 'CorePluginsAdmin_Activity';
+        $translationKeys[] = 'CorePluginsAdmin_Version';
+        $translationKeys[] = 'CorePluginsAdmin_Websites';
     }
 
     /**

plugins/Marketplace/stylesheets/marketplace.less

@@ -345,6 +345,10 @@
     .footer-message {
         margin-top: 30px;
     }
+
+    .modal {
+        background-color: #fff;
+    }
 }