From ebc7b116b56632c38ec503d2622786c1c8ab67eb Mon Sep 17 00:00:00 2001
From: Mike Alhayek <mike@crestapps.com>
Date: Tue, 14 Jan 2025 13:56:01 -0800
Subject: [PATCH] Set current Vuejs dependencies to 2 (#17351)

---
 .../Views/Items/LinkAdminNode.Fields.TreeEdit.cshtml        | 4 ++--
 .../Views/Items/PlaceholderAdminNode.Fields.TreeEdit.cshtml | 4 ++--
 .../Views/ContentPickerField.Edit.cshtml                    | 2 +-
 .../Views/LocalizationSetContentPickerField.Edit.cshtml     | 2 +-
 .../Views/MultiTextField-Picker.Edit.cshtml                 | 2 +-
 .../Views/MultiTextFieldSettings.Edit.cshtml                | 2 +-
 .../Views/TextFieldPredefinedListEditorSettings.Edit.cshtml | 2 +-
 .../Views/UserPickerField.Edit.cshtml                       | 2 +-
 .../Views/UserPickerFieldSettings.Edit.cshtml               | 4 ++--
 .../Items/ContentTypesAdminNode.Fields.TreeEdit.cshtml      | 2 +-
 .../OrchardCore.Cors/Views/Admin/Index.cshtml               | 4 ++--
 .../Views/Items/SelectPart.Fields.Edit.cshtml               | 2 +-
 .../Views/Items/ListsAdminNode.Fields.TreeEdit.cshtml       | 2 +-
 .../Views/LocalizationSettings.Edit.cshtml                  | 2 +-
 .../ResourceManifestOptionsConfiguration.cs                 | 2 +-
 .../Views/MenuItemPermissionPart.Edit.cshtml                | 6 +++---
 .../Views/OpenIdClientSettings.Edit.cshtml                  | 2 +-
 .../ResourceManagementOptionsConfiguration.cs               | 4 ++--
 .../OrchardCore.Seo/Views/SeoMetaPart.Edit.cshtml           | 2 +-
 .../OrchardCore.Shortcodes/Views/Admin/Create.cshtml        | 2 +-
 .../OrchardCore.Shortcodes/Views/Admin/Edit.cshtml          | 2 +-
 .../OrchardCore.Shortcodes/Views/ShortcodeModal.cshtml      | 2 +-
 .../Views/TaxonomyField-Tags.Edit.cshtml                    | 2 +-
 23 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/src/OrchardCore.Modules/OrchardCore.AdminMenu/Views/Items/LinkAdminNode.Fields.TreeEdit.cshtml b/src/OrchardCore.Modules/OrchardCore.AdminMenu/Views/Items/LinkAdminNode.Fields.TreeEdit.cshtml
index ab4e8b9d256..f37f223a6a0 100644
--- a/src/OrchardCore.Modules/OrchardCore.AdminMenu/Views/Items/LinkAdminNode.Fields.TreeEdit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.AdminMenu/Views/Items/LinkAdminNode.Fields.TreeEdit.cshtml
@@ -5,7 +5,7 @@
 <style asp-src="~/OrchardCore.AdminMenu/Styles/admin-menu.min.css" debug-src="~/OrchardCore.AdminMenu/Styles/admin-menu.css" at="Head" depends-on="admin"></style>
 <style asp-src="~/OrchardCore.AdminMenu/Styles/admin-menu-icon-picker.min.css" debug-src="~/OrchardCore.AdminMenu/Styles/admin-menu-icon-picker.css" at="Head" depends-on="admin"></style>
 
-<script asp-name="vuejs" at="Foot"></script>
+<script asp-name="vuejs" at="Foot" version="2"></script>
 <script asp-src="~/OrchardCore.AdminMenu/Scripts/admin-menu.min.js" debug-src="~/OrchardCore.AdminMenu/Scripts/admin-menu.js" at="Foot" depends-on="jQuery-ui"></script>
 <script asp-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-icon-picker.min.js" debug-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-icon-picker.js" at="Foot" depends-on="jQuery"></script>
 
@@ -89,7 +89,7 @@
         var allItems = JConvert.SerializeObject(Model.AllItems, JOptions.CamelCase);
     }
 
-    <script asp-name="admin-menu-permission-picker" asp-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-permission-picker.min.js" debug-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-permission-picker.js" at="Foot" depends-on="vuejs, vue-multiselect"></script>
+    <script asp-name="admin-menu-permission-picker" asp-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-permission-picker.min.js" debug-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-permission-picker.js" at="Foot" depends-on="vuejs:2, vue-multiselect"></script>
     <style asp-name="admin-menu-permission-picker" asp-src="~/OrchardCore.AdminMenu/Styles/admin-menu-permission-picker.min.css" debug-src="~/OrchardCore.AdminMenu/Styles/admin-menu-permission-picker.css" depends-on="vue-multiselect"></style>
 
     <label asp-for="SelectedPermissionNames" class="form-label">@T["Permissions"]</label>
diff --git a/src/OrchardCore.Modules/OrchardCore.AdminMenu/Views/Items/PlaceholderAdminNode.Fields.TreeEdit.cshtml b/src/OrchardCore.Modules/OrchardCore.AdminMenu/Views/Items/PlaceholderAdminNode.Fields.TreeEdit.cshtml
index 589616a6176..61034c0b853 100644
--- a/src/OrchardCore.Modules/OrchardCore.AdminMenu/Views/Items/PlaceholderAdminNode.Fields.TreeEdit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.AdminMenu/Views/Items/PlaceholderAdminNode.Fields.TreeEdit.cshtml
@@ -5,7 +5,7 @@
 <style asp-src="~/OrchardCore.AdminMenu/Styles/admin-menu.min.css" debug-src="~/OrchardCore.AdminMenu/Styles/admin-menu.css" at="Head" depends-on="admin"></style>
 <style asp-src="~/OrchardCore.AdminMenu/Styles/admin-menu-icon-picker.min.css" debug-src="~/OrchardCore.AdminMenu/Styles/admin-menu-icon-picker.css" at="Head" depends-on="admin"></style>
 
-<script asp-name="vuejs" at="Foot"></script>
+<script asp-name="vuejs" at="Foot" version="2"></script>
 <script asp-src="~/OrchardCore.AdminMenu/Scripts/admin-menu.min.js" debug-src="~/OrchardCore.AdminMenu/Scripts/admin-menu.js" at="Foot" depends-on="jQuery-ui"></script>
 <script asp-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-icon-picker.min.js" debug-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-icon-picker.js" at="Foot" depends-on="jQuery"></script>
 
@@ -67,7 +67,7 @@
         var allItems = JConvert.SerializeObject(Model.AllItems, JOptions.CamelCase);
     }
 
-    <script asp-name="admin-menu-permission-picker" asp-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-permission-picker.min.js" debug-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-permission-picker.js" at="Foot" depends-on="vuejs, vue-multiselect"></script>
+    <script asp-name="admin-menu-permission-picker" asp-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-permission-picker.min.js" debug-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-permission-picker.js" at="Foot" depends-on="vuejs:2,vue-multiselect"></script>
     <style asp-name="admin-menu-permission-picker" asp-src="~/OrchardCore.AdminMenu/Styles/admin-menu-permission-picker.min.css" debug-src="~/OrchardCore.AdminMenu/Styles/admin-menu-permission-picker.css" depends-on="vue-multiselect"></style>
 
     <label asp-for="SelectedPermissionNames" class="form-label">@T["Permissions"]</label>
diff --git a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/ContentPickerField.Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/ContentPickerField.Edit.cshtml
index 712431b2f8b..ad87125c46b 100644
--- a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/ContentPickerField.Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/ContentPickerField.Edit.cshtml
@@ -14,7 +14,7 @@
     var multiple = settings.Multiple.ToString().ToLowerInvariant();
 }
 
-<script asp-name="vue-multiselect-wrapper" asp-src="~/OrchardCore.ContentFields/Scripts/vue-multiselect-wrapper.js" at="Foot" depends-on="vuejs, vue-multiselect, sortable, vuedraggable"></script>
+<script asp-name="vue-multiselect-wrapper" asp-src="~/OrchardCore.ContentFields/Scripts/vue-multiselect-wrapper.js" at="Foot" depends-on="vuejs:2,vue-multiselect,sortable,vuedraggable"></script>
 <style asp-name="vue-multiselect" at="Foot"></style>
 
 <div class="@Orchard.GetFieldWrapperClasses(Model.PartFieldDefinition)" id="@Html.IdFor(x => x.ContentItemIds)_FieldWrapper">
diff --git a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/LocalizationSetContentPickerField.Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/LocalizationSetContentPickerField.Edit.cshtml
index efe4e7277e2..d97c9a3f1d2 100644
--- a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/LocalizationSetContentPickerField.Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/LocalizationSetContentPickerField.Edit.cshtml
@@ -16,7 +16,7 @@
     var multiple = settings.Multiple.ToString().ToLowerInvariant();
 }
 
-<script asp-name="vue-multiselect-wrapper" asp-src="~/OrchardCore.ContentFields/Scripts/vue-multiselect-wrapper.js" at="Foot" depends-on="vuejs, vue-multiselect, sortable, vuedraggable"></script>
+<script asp-name="vue-multiselect-wrapper" asp-src="~/OrchardCore.ContentFields/Scripts/vue-multiselect-wrapper.js" at="Foot" depends-on="vuejs:2,vue-multiselect,sortable,vuedraggable"></script>
 <style asp-name="vue-multiselect" at="Foot"></style>
 
 <div class="@Orchard.GetFieldWrapperClasses(Model.PartFieldDefinition)" id="@Html.IdFor(x => x.LocalizationSets)_FieldWrapper">
diff --git a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/MultiTextField-Picker.Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/MultiTextField-Picker.Edit.cshtml
index 521196e6534..389a9c1f234 100644
--- a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/MultiTextField-Picker.Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/MultiTextField-Picker.Edit.cshtml
@@ -24,7 +24,7 @@
     var valuesKey = Html.NameFor(x => x.Values);
 }
 
-<script asp-src="~/OrchardCore.ContentFields/Scripts/vue-multiselect-multitextfieldpicker.min.js" debug-src="~/OrchardCore.ContentFields/Scripts/vue-multiselect-multitextfieldpicker.js" asp-name="multitextfieldpicker" at="Foot" depends-on="vuejs, vue-multiselect"></script>
+<script asp-src="~/OrchardCore.ContentFields/Scripts/vue-multiselect-multitextfieldpicker.min.js" debug-src="~/OrchardCore.ContentFields/Scripts/vue-multiselect-multitextfieldpicker.js" asp-name="multitextfieldpicker" at="Foot" depends-on="vuejs:2,vue-multiselect"></script>
 <style asp-name="vue-multiselect" at="Foot"></style>
 
 <div class="@Orchard.GetFieldWrapperClasses(Model.PartFieldDefinition)" id="@Html.IdFor(x => x.Values)_FieldWrapper">
diff --git a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/MultiTextFieldSettings.Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/MultiTextFieldSettings.Edit.cshtml
index 40000d035e4..2668d930d96 100644
--- a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/MultiTextFieldSettings.Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/MultiTextFieldSettings.Edit.cshtml
@@ -16,7 +16,7 @@
     </div>
 </div>
 
-<script asp-src="~/OrchardCore.ContentFields/Scripts/optionsEditor.min.js" debug-src="~/OrchardCore.ContentFields/Scripts/optionsEditor.js" asp-name="optionsEditor" at="Foot" depends-on="vuejs, vuedraggable"></script>
+<script asp-src="~/OrchardCore.ContentFields/Scripts/optionsEditor.min.js" debug-src="~/OrchardCore.ContentFields/Scripts/optionsEditor.js" asp-name="optionsEditor" at="Foot" depends-on="vuejs:2,vuedraggable"></script>
 <style asp-src="~/OrchardCore.ContentFields/Styles/optionsEditor.min.css" debug-src="~/OrchardCore.ContentFields/Styles/optionsEditor.css"></style>
 
 <script at="Foot">
diff --git a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/TextFieldPredefinedListEditorSettings.Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/TextFieldPredefinedListEditorSettings.Edit.cshtml
index 448266b0a1b..76eb8e332ee 100644
--- a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/TextFieldPredefinedListEditorSettings.Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/TextFieldPredefinedListEditorSettings.Edit.cshtml
@@ -1,7 +1,7 @@
 @using OrchardCore.ContentFields.Settings
 @model OrchardCore.ContentFields.ViewModels.PredefinedListSettingsViewModel
 
-<script asp-src="~/OrchardCore.ContentFields/Scripts/optionsEditor.min.js" debug-src="~/OrchardCore.ContentFields/Scripts/optionsEditor.js" asp-name="optionsEditor" at="Foot" depends-on="vuejs, vuedraggable"></script>
+<script asp-src="~/OrchardCore.ContentFields/Scripts/optionsEditor.min.js" debug-src="~/OrchardCore.ContentFields/Scripts/optionsEditor.js" asp-name="optionsEditor" at="Foot" depends-on="vuejs:2,vuedraggable"></script>
 <style asp-src="~/OrchardCore.ContentFields/Styles/optionsEditor.min.css" debug-src="~/OrchardCore.ContentFields/Styles/optionsEditor.css"></style>
 
 <script at="Foot">
diff --git a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/UserPickerField.Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/UserPickerField.Edit.cshtml
index 8e1211960b3..7943923312f 100644
--- a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/UserPickerField.Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/UserPickerField.Edit.cshtml
@@ -13,7 +13,7 @@
     var multiple = settings.Multiple.ToString().ToLowerInvariant();
 }
 
-<script asp-name="vue-multiselect-userpicker" asp-src="~/OrchardCore.ContentFields/Scripts/vue-multiselect-userpicker.js" at="Foot" depends-on="vuejs, vue-multiselect, sortable, vuedraggable"></script>
+<script asp-name="vue-multiselect-userpicker" asp-src="~/OrchardCore.ContentFields/Scripts/vue-multiselect-userpicker.js" at="Foot" depends-on="vuejs:2,vue-multiselect,sortable,vuedraggable"></script>
 <style asp-name="vue-multiselect" at="Foot"></style>
 
 <div class="@Orchard.GetFieldWrapperClasses(Model.PartFieldDefinition)" id="@Html.IdFor(x => x.UserIds)_FieldWrapper">
diff --git a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/UserPickerFieldSettings.Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/UserPickerFieldSettings.Edit.cshtml
index a0dbc57953a..a53402b8d6d 100644
--- a/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/UserPickerFieldSettings.Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.ContentFields/Views/UserPickerFieldSettings.Edit.cshtml
@@ -1,6 +1,6 @@
 @model OrchardCore.ContentFields.Settings.UserPickerFieldSettingsViewModel
 
-<script asp-name="vuejs" at="Foot"></script>
+<script asp-name="vuejs" at="Foot" version="2"></script>
 
 <div class="mb-3">
     <div class="form-check">
@@ -50,7 +50,7 @@
     <span class="hint">@T["The hint text to display for this field on the editor."]</span>
 </div>
 
-<script at="Foot" depends-on="vuejs">
+<script at="Foot" depends-on="vuejs:2">
     var app = new Vue({
         el: "#userRolesVue",
         data: {
diff --git a/src/OrchardCore.Modules/OrchardCore.Contents/Views/Items/ContentTypesAdminNode.Fields.TreeEdit.cshtml b/src/OrchardCore.Modules/OrchardCore.Contents/Views/Items/ContentTypesAdminNode.Fields.TreeEdit.cshtml
index 6404f6bb711..e043e3ddb02 100644
--- a/src/OrchardCore.Modules/OrchardCore.Contents/Views/Items/ContentTypesAdminNode.Fields.TreeEdit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.Contents/Views/Items/ContentTypesAdminNode.Fields.TreeEdit.cshtml
@@ -3,7 +3,7 @@
 <style asp-src="~/OrchardCore.Contents/Styles/Contents.min.css" debug-src="~/OrchardCore.Contents/Styles/Contents.css"></style>
 <style asp-src="~/OrchardCore.AdminMenu/Styles/admin-menu-icon-picker.min.css" debug-src="~/OrchardCore.AdminMenu/Styles/admin-menu-icon-picker.css" at="Head" depends-on="admin"></style>
 
-<script asp-name="vuejs" at="Foot"></script>
+<script asp-name="vuejs" at="Foot" version="2"></script>
 <script asp-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-icon-picker.min.js" debug-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-icon-picker.js" at="Foot" depends-on="jQuery"></script>
 
 <h5>@T["Content Types"]</h5>
diff --git a/src/OrchardCore.Modules/OrchardCore.Cors/Views/Admin/Index.cshtml b/src/OrchardCore.Modules/OrchardCore.Cors/Views/Admin/Index.cshtml
index 1420efe6dda..a7c49bcfe21 100644
--- a/src/OrchardCore.Modules/OrchardCore.Cors/Views/Admin/Index.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.Cors/Views/Admin/Index.cshtml
@@ -1,7 +1,7 @@
 @model CorsSettingsViewModel
 
-<script asp-name="vuejs" at="Foot"></script>
-<script depends-on="vuejs" asp-src="~/OrchardCore.Cors/Scripts/cors-admin.min.js" debug-src="~/OrchardCore.Cors/Scripts/cors-admin.js" asp-name="cors-admin" at="Foot"></script>
+<script asp-name="vuejs" at="Foot" version="2"></script>
+<script depends-on="vuejs:2" asp-src="~/OrchardCore.Cors/Scripts/cors-admin.min.js" debug-src="~/OrchardCore.Cors/Scripts/cors-admin.js" asp-name="cors-admin" at="Foot"></script>
 <script depends-on="cors-admin" at="Foot">
     corsApp.policies = @Html.Raw(Json.Serialize(Model.Policies));
 </script>
diff --git a/src/OrchardCore.Modules/OrchardCore.Forms/Views/Items/SelectPart.Fields.Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.Forms/Views/Items/SelectPart.Fields.Edit.cshtml
index 88fac4d197a..538084c1efd 100644
--- a/src/OrchardCore.Modules/OrchardCore.Forms/Views/Items/SelectPart.Fields.Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.Forms/Views/Items/SelectPart.Fields.Edit.cshtml
@@ -3,7 +3,7 @@
 @using OrchardCore.Forms.Models
 @model SelectPartEditViewModel
 
-<script asp-src="~/OrchardCore.Forms/Scripts/selectOptionsEditor.min.js" debug-src="~/OrchardCore.Forms/Scripts/selectOptionsEditor.js" asp-name="selectOptionsEditor" at="Foot" depends-on="vuejs, vuedraggable"></script>
+<script asp-src="~/OrchardCore.Forms/Scripts/selectOptionsEditor.min.js" debug-src="~/OrchardCore.Forms/Scripts/selectOptionsEditor.js" asp-name="selectOptionsEditor" at="Foot" depends-on="vuejs:2,vuedraggable"></script>
 <style asp-src="~/OrchardCore.Forms/Styles/selectOptionsEditor.min.css" debug-src="~/OrchardCore.Forms/Styles/selectOptionsEditor.css"></style>
 
 <script type="text/x-template" id="select-options-row" asp-name="select-options-row" at="Foot">
diff --git a/src/OrchardCore.Modules/OrchardCore.Lists/Views/Items/ListsAdminNode.Fields.TreeEdit.cshtml b/src/OrchardCore.Modules/OrchardCore.Lists/Views/Items/ListsAdminNode.Fields.TreeEdit.cshtml
index 269244b4ba3..d9c174d0b40 100644
--- a/src/OrchardCore.Modules/OrchardCore.Lists/Views/Items/ListsAdminNode.Fields.TreeEdit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.Lists/Views/Items/ListsAdminNode.Fields.TreeEdit.cshtml
@@ -2,7 +2,7 @@
 
 <style asp-src="~/OrchardCore.AdminMenu/Styles/admin-menu-icon-picker.min.css" debug-src="~/OrchardCore.AdminMenu/Styles/admin-menu-icon-picker.css" at="Head" depends-on="admin"></style>
 
-<script asp-name="vuejs" at="Foot"></script>
+<script asp-name="vuejs" at="Foot" version="2"></script>
 <script asp-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-icon-picker.min.js" debug-src="~/OrchardCore.AdminMenu/Scripts/admin-menu-icon-picker.js" at="Foot" depends-on="jQuery"></script>
 
 <h5>@T["Lists"]</h5>
diff --git a/src/OrchardCore.Modules/OrchardCore.Localization/Views/LocalizationSettings.Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.Localization/Views/LocalizationSettings.Edit.cshtml
index a9d516b13e8..0cc356310f5 100644
--- a/src/OrchardCore.Modules/OrchardCore.Localization/Views/LocalizationSettings.Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.Localization/Views/LocalizationSettings.Edit.cshtml
@@ -11,7 +11,7 @@
     var selectedCulture = Model.Cultures.Except(Model.Cultures.Where(x => x.Supported)).First().CultureInfo.Name;
 }
 
-<script asp-src="~/OrchardCore.Localization/Scripts/optionsEditor.min.js" debug-src="~/OrchardCore.Localization/Scripts/optionsEditor.js" asp-name="optionsEditor" at="Foot" depends-on="vuejs"></script>
+<script asp-src="~/OrchardCore.Localization/Scripts/optionsEditor.min.js" debug-src="~/OrchardCore.Localization/Scripts/optionsEditor.js" asp-name="optionsEditor" at="Foot" depends-on="vuejs:2"></script>
 
 <script at="Foot">
     initializeOptionsEditor(document.getElementById('@Html.IdFor(m => m)'), @Html.Raw(supportedCultures), '@defaultCulture', '@selectedCulture', @Html.Raw(allCultures));
diff --git a/src/OrchardCore.Modules/OrchardCore.Media/ResourceManifestOptionsConfiguration.cs b/src/OrchardCore.Modules/OrchardCore.Media/ResourceManifestOptionsConfiguration.cs
index f47af586ea3..0a2c1583f40 100644
--- a/src/OrchardCore.Modules/OrchardCore.Media/ResourceManifestOptionsConfiguration.cs
+++ b/src/OrchardCore.Modules/OrchardCore.Media/ResourceManifestOptionsConfiguration.cs
@@ -14,7 +14,7 @@ static ResourceManagementOptionsConfiguration()
         _manifest
             .DefineScript("media")
             .SetUrl("~/OrchardCore.Media/Scripts/media.min.js", "~/OrchardCore.Media/Scripts/media.js")
-            .SetDependencies("vuejs", "Sortable", "vuedraggable", "jQuery-ui", "credential-helpers")
+            .SetDependencies("vuejs:2", "Sortable", "vuedraggable", "jQuery-ui", "credential-helpers")
             .SetVersion("1.0.0");
 
         _manifest
diff --git a/src/OrchardCore.Modules/OrchardCore.Menu/Views/MenuItemPermissionPart.Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.Menu/Views/MenuItemPermissionPart.Edit.cshtml
index 7252f3ae926..ee2705f44d3 100644
--- a/src/OrchardCore.Modules/OrchardCore.Menu/Views/MenuItemPermissionPart.Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.Menu/Views/MenuItemPermissionPart.Edit.cshtml
@@ -6,9 +6,9 @@
     var allItems = JConvert.SerializeObject(Model.AllItems, JOptions.CamelCase);
 }
 
-<script asp-name="vuejs" at="Foot"></script>
+<script asp-name="vuejs" at="Foot" version="2"></script>
 <script asp-name="vue-multiselect" at="Foot"></script>
-<script asp-name="menu-permission-picker" asp-src="~/OrchardCore.Menu/Scripts/menu-permission-picker.min.js" debug-src="~/OrchardCore.Menu/Scripts/menu-permission-picker.js" at="Foot" depends-on="vuejs, vue-multiselect"></script>
+<script asp-name="menu-permission-picker" asp-src="~/OrchardCore.Menu/Scripts/menu-permission-picker.min.js" debug-src="~/OrchardCore.Menu/Scripts/menu-permission-picker.js" at="Foot" depends-on="vuejs:2,vue-multiselect"></script>
 <style asp-name="menu-permission-picker" asp-src="~/OrchardCore.Menu/Styles/menu-permission-picker.min.css" debug-src="~/OrchardCore.Menu/Styles/menu-permission-picker.css" depends-on="vue-multiselect"></style>
 
 <div class="mb-3">
@@ -60,7 +60,7 @@
     </div>
 </div>
 
-<script at="Foot" depends-on="menu-permission-picker,vuejs">
+<script at="Foot" depends-on="menu-permission-picker,vuejs:2">
     document.addEventListener('DOMContentLoaded', () => {
         initMenuPermissionsPicker(document.querySelector("#PermissionPicker"))
     });
diff --git a/src/OrchardCore.Modules/OrchardCore.OpenId/Views/OpenIdClientSettings.Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.OpenId/Views/OpenIdClientSettings.Edit.cshtml
index ef38301275b..f155c4a1d40 100644
--- a/src/OrchardCore.Modules/OrchardCore.OpenId/Views/OpenIdClientSettings.Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.OpenId/Views/OpenIdClientSettings.Edit.cshtml
@@ -3,7 +3,7 @@
 @using Microsoft.IdentityModel.Protocols.OpenIdConnect
 @model OpenIdClientSettingsViewModel
 
-<script asp-src="~/OrchardCore.OpenId/Scripts/parametersEditor.min.js" debug-src="~/OrchardCore.OpenId/Scripts/parametersEditor.js" asp-name="parametersEditor" at="Foot" depends-on="vuejs, vuedraggable"></script>
+<script asp-src="~/OrchardCore.OpenId/Scripts/parametersEditor.min.js" debug-src="~/OrchardCore.OpenId/Scripts/parametersEditor.js" asp-name="parametersEditor" at="Foot" depends-on="vuejs:2,vuedraggable"></script>
 <style asp-src="~/OrchardCore.OpenId/Styles/parametersEditor.min.css" debug-src="~/OrchardCore.OpenId/Styles/parametersEditor.css"></style>
 
 <script at="Foot">
diff --git a/src/OrchardCore.Modules/OrchardCore.Resources/ResourceManagementOptionsConfiguration.cs b/src/OrchardCore.Modules/OrchardCore.Resources/ResourceManagementOptionsConfiguration.cs
index 4e5a683b607..b235774a4ec 100644
--- a/src/OrchardCore.Modules/OrchardCore.Resources/ResourceManagementOptionsConfiguration.cs
+++ b/src/OrchardCore.Modules/OrchardCore.Resources/ResourceManagementOptionsConfiguration.cs
@@ -484,7 +484,7 @@ private ResourceManifest BuildManifest()
 
         manifest
             .DefineScript("vue-multiselect")
-            .SetDependencies("vuejs")
+            .SetDependencies("vuejs:2")
             .SetUrl("~/OrchardCore.Resources/Scripts/vue-multiselect.min.js", "~/OrchardCore.Resources/Scripts/vue-multiselect.min.js")
             .SetCdn("https://cdn.jsdelivr.net/npm/vue-multiselect@2.1.6/dist/vue-multiselect.min.js", "https://cdn.jsdelivr.net/npm/vue-multiselect@2.1.6/dist/vue-multiselect.min.js")
             .SetCdnIntegrity("sha384-a4eXewRTYCwYdFtSnMCZTNtiXrfdul6aQdueRgHPAx2y1Ldp0QaFdCTpOx0ycsXU", "sha384-a4eXewRTYCwYdFtSnMCZTNtiXrfdul6aQdueRgHPAx2y1Ldp0QaFdCTpOx0ycsXU")
@@ -506,7 +506,7 @@ private ResourceManifest BuildManifest()
 
         manifest
             .DefineScript("vuedraggable")
-            .SetDependencies("vuejs", "Sortable")
+            .SetDependencies("vuejs:2", "Sortable")
             .SetUrl("~/OrchardCore.Resources/Scripts/vuedraggable.umd.min.js", "~/OrchardCore.Resources/Scripts/vuedraggable.umd.js")
             .SetCdn("https://cdn.jsdelivr.net/npm/vuedraggable@2.24.3/dist/vuedraggable.umd.min.js", "https://cdn.jsdelivr.net/npm/vuedraggable@2.24.3/dist/vuedraggable.umd.js")
             .SetCdnIntegrity("sha384-qUA1xXJiX23E4GOeW/XHtsBkV9MUcHLSjhi3FzO08mv8+W8bv5AQ1cwqLskycOTs", "sha384-+jB9vXc/EaIJTlNiZG2tv+TUpKm6GR9HCRZb3VkI3lscZWqrCYDbX2ZXffNJldL9")
diff --git a/src/OrchardCore.Modules/OrchardCore.Seo/Views/SeoMetaPart.Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.Seo/Views/SeoMetaPart.Edit.cshtml
index 3ec81424204..fcfe76fb873 100644
--- a/src/OrchardCore.Modules/OrchardCore.Seo/Views/SeoMetaPart.Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.Seo/Views/SeoMetaPart.Edit.cshtml
@@ -58,7 +58,7 @@
 
 @if (Model.Settings.DisplayCustomMetaTags)
 {
-    <script asp-src="~/OrchardCore.Seo/Scripts/customMetaTagsEditor.min.js" debug-src="~/OrchardCore.Seo/Scripts/customMetaTagsEditor.js" asp-name="customMetaTagsEditor" at="Foot" depends-on="vuejs, vuedraggable"></script>
+    <script asp-src="~/OrchardCore.Seo/Scripts/customMetaTagsEditor.min.js" debug-src="~/OrchardCore.Seo/Scripts/customMetaTagsEditor.js" asp-name="customMetaTagsEditor" at="Foot" depends-on="vuejs:2,vuedraggable"></script>
     <style asp-src="~/OrchardCore.Seo/Styles/customMetaTagsEditor.min.css" debug-src="~/OrchardCore.Seo/Styles/customMetaTagsEditor.css"></style>
 
     <script at="Foot">
diff --git a/src/OrchardCore.Modules/OrchardCore.Shortcodes/Views/Admin/Create.cshtml b/src/OrchardCore.Modules/OrchardCore.Shortcodes/Views/Admin/Create.cshtml
index 9b915d4acac..208b4856790 100644
--- a/src/OrchardCore.Modules/OrchardCore.Shortcodes/Views/Admin/Create.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.Shortcodes/Views/Admin/Create.cshtml
@@ -32,7 +32,7 @@
 
 <style asp-name="vue-multiselect"></style>
 <style asp-src="~/OrchardCore.Shortcodes/Styles/shortcodes.min.css" debug-src="~/OrchardCore.Shortcodes/Styles/shortcodes.css" asp-name="shortcodes"></style>
-<script asp-src="~/OrchardCore.Shortcodes/Scripts/shortcode-templates.min.js" debug-src="~/OrchardCore.Shortcodes/Scripts/shortcode-templates.js" at="Foot" depends-on="vuejs, vue-multiselect"></script>
+<script asp-src="~/OrchardCore.Shortcodes/Scripts/shortcode-templates.min.js" debug-src="~/OrchardCore.Shortcodes/Scripts/shortcode-templates.js" at="Foot" depends-on="vuejs:2,vue-multiselect"></script>
 
 <zone Name="Title"><h1>@RenderTitleSegments(T["Create Shortcode"])</h1></zone>
 
diff --git a/src/OrchardCore.Modules/OrchardCore.Shortcodes/Views/Admin/Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.Shortcodes/Views/Admin/Edit.cshtml
index 6f8268262ca..0dd154507a8 100644
--- a/src/OrchardCore.Modules/OrchardCore.Shortcodes/Views/Admin/Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.Shortcodes/Views/Admin/Edit.cshtml
@@ -33,7 +33,7 @@
 
 <style asp-name="vue-multiselect"></style>
 <style asp-src="~/OrchardCore.Shortcodes/Styles/shortcodes.min.css" debug-src="~/OrchardCore.Shortcodes/Styles/shortcodes.css" asp-name="shortcodes"></style>
-<script asp-src="~/OrchardCore.Shortcodes/Scripts/shortcode-templates.min.js" debug-src="~/OrchardCore.Shortcodes/Scripts/shortcode-templates.js" at="Foot" depends-on="vuejs, vue-multiselect"></script>
+<script asp-src="~/OrchardCore.Shortcodes/Scripts/shortcode-templates.min.js" debug-src="~/OrchardCore.Shortcodes/Scripts/shortcode-templates.js" at="Foot" depends-on="vuejs:2,vue-multiselect"></script>
 
 <zone Name="Title"><h1>@RenderTitleSegments(T["Edit Shortcode"])</h1></zone>
 
diff --git a/src/OrchardCore.Modules/OrchardCore.Shortcodes/Views/ShortcodeModal.cshtml b/src/OrchardCore.Modules/OrchardCore.Shortcodes/Views/ShortcodeModal.cshtml
index 712a5c16301..1dda1ad7b31 100644
--- a/src/OrchardCore.Modules/OrchardCore.Shortcodes/Views/ShortcodeModal.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.Shortcodes/Views/ShortcodeModal.cshtml
@@ -20,7 +20,7 @@ and call @await DisplayAsync(await New.ShortcodeModal()) from the fields view
     var jCategories = JConvert.SerializeObject(categories);
 
     <style asp-src="~/OrchardCore.Shortcodes/Styles/shortcodes.min.css" debug-src="~/OrchardCore.Shortcodes/Styles/shortcodes.css" asp-name="shortcodes"></style>
-    <script asp-src="~/OrchardCore.Shortcodes/Scripts/shortcodes.min.js" debug-src="~/OrchardCore.Shortcodes/Scripts/shortcodes.js" asp-name="shortcodes" at="Foot" depends-on="jQuery, vuejs"></script>
+    <script asp-src="~/OrchardCore.Shortcodes/Scripts/shortcodes.min.js" debug-src="~/OrchardCore.Shortcodes/Scripts/shortcodes.js" asp-name="shortcodes" at="Foot" depends-on="jQuery,vuejs:2"></script>
 
     @*  This svg is only used by the trumbowyg editors, but is placed here, once, to reduce complexity
         The icon for using a .shortcode-modal-input helper is included via javascript when wrapping the .shortcode-modal-input.
diff --git a/src/OrchardCore.Modules/OrchardCore.Taxonomies/Views/TaxonomyField-Tags.Edit.cshtml b/src/OrchardCore.Modules/OrchardCore.Taxonomies/Views/TaxonomyField-Tags.Edit.cshtml
index c099da33903..deb42914feb 100644
--- a/src/OrchardCore.Modules/OrchardCore.Taxonomies/Views/TaxonomyField-Tags.Edit.cshtml
+++ b/src/OrchardCore.Modules/OrchardCore.Taxonomies/Views/TaxonomyField-Tags.Edit.cshtml
@@ -24,7 +24,7 @@
     var vueElementId = $"TaxonomyField-Tags_{partName}_{fieldName}_{Guid.NewGuid().ToString("n")}";
 }
 
-<script asp-src="~/OrchardCore.Taxonomies/Scripts/tags-editor.min.js" debug-src="~/OrchardCore.Taxonomies/Scripts/tags-editor.js" asp-name="tags-editor" at="Foot" depends-on="vuejs, vue-multiselect"></script>
+<script asp-src="~/OrchardCore.Taxonomies/Scripts/tags-editor.min.js" debug-src="~/OrchardCore.Taxonomies/Scripts/tags-editor.js" asp-name="tags-editor" at="Foot" depends-on="vuejs:2,vue-multiselect"></script>
 <style asp-src="~/OrchardCore.Taxonomies/Styles/tags-editor.min.css" debug-src="~/OrchardCore.Taxonomies/Styles/tags-editor.css" asp-name="tags-editor" depends-on="vue-multiselect"></style>
 
 <div class="@Orchard.GetFieldWrapperClasses(Model.PartFieldDefinition)" id="@Html.IdFor(x => x.TermContentItemIds)_FieldWrapper">