+
+
+```
+
+- Navigate to the `Index.cshtml.js` file and add the following code:
+```js
+Vue.component('message-component', {
+ template: 'Hello, {{ message }}
',
+ props: ['message']
+});
+
+new Vue({
+ el: '#vue-app'
+});
+```
+
+Run the application and you should see the following output:
+
+
+
+> _Hard refresh might be required to see the component since we added a new vue js file to the bundle._
+>
+> If still you can't see the component, please check the browser console for any errors.
+
+### Interacting with the component
+
+Let's add a button to the component to interact with the component.
+
+- Add another component in the `Index.cshtml` file:
+
+```html
+
+
+```
+
+```js
+Vue.component('counter-component', {
+ template:`
+
+
+ `,
+ data: function () {
+ return {
+ count: 0
+ };
+ },
+ methods: {
+ increment: function () {
+ this.count++;
+ }
+ }
+});
+```
+
+> _Do not replicate `new Vue({})` code block in the file. It's already in the `Index.cshtml.js` file. Keep it at the bottom of the file as it is._
+
+Run the application and you should see the following output:
+
+
+
+
+## Using ABP Client Proxy, Authorization and Localization
+
+
+### Building the backend
+Before we go, let's build our backend to use in the component.
+
+- Creating a simple Application Service:
+
+```csharp
+public class TodoAppService : MyTodoAppAppService, ITodoAppService
+{
+ public static List
+
+ Count: {{ count }}
+ +
+
+
+```
+
+- Implement the `todo-component` in `Index.cshtml.js` file:
+
+```js
+Vue.component('todo-component', {
+ template: `
+
+
+ `,
+ data: function () {
+ return {
+ newTodo: {
+ description: '',
+ isDone: false
+ },
+ isBusy: false,
+ todos: []
+ };
+ },
+ methods: {
+ addTodo() {
+ myTodoApp.todo.addTodoItem(this.newTodo);
+ this.newTodo = { description: '', isDone: false };
+ this.todos.push(this.newTodo);
+
+ // Preferrable, you can load entire list of todos again.
+ // this.loadTodos();
+ },
+ async loadTodos() {
+ if (!abp.auth.isGranted('Todo')) {
+ return;
+ }
+ this.isBusy = true;
+ this.todos = await myTodoApp.todo.getAll();
+ this.isBusy = false;
+ }
+ },
+ mounted() {
+ this.loadTodos();
+ }
+});
+```
+
+And see the result:
+
+
+
+
+Since we use `abp.auth.isGranted()` to check the authorization, we can see the component only if we have the permission.
+
+Whenever you remove `Todo.Create` permission, you can see the component is not rendered.
+
+
+
+
+You won't see the card footer:
+
+
diff --git a/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/todo-component-result.gif b/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/todo-component-result.gif
new file mode 100644
index 0000000000..2eb50ee5c3
Binary files /dev/null and b/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/todo-component-result.gif differ
diff --git a/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/todo-permission-vue.png b/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/todo-permission-vue.png
new file mode 100644
index 0000000000..10a11c146f
Binary files /dev/null and b/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/todo-permission-vue.png differ
diff --git a/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/todo-permission.png b/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/todo-permission.png
new file mode 100644
index 0000000000..f68e6eb20c
Binary files /dev/null and b/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/todo-permission.png differ
diff --git a/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/vue-counter-result.gif b/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/vue-counter-result.gif
new file mode 100644
index 0000000000..656f001535
Binary files /dev/null and b/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/vue-counter-result.gif differ
diff --git a/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/vue-message.png b/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/vue-message.png
new file mode 100644
index 0000000000..a61963af44
Binary files /dev/null and b/docs/en/Community-Articles/2025-03-18-Using-Vue-Components/vue-message.png differ
diff --git a/docs/en/Community-Articles/2025-03-23-Understanding-the-Embedded-Files-in-ABP-Framework/1.png b/docs/en/Community-Articles/2025-03-23-Understanding-the-Embedded-Files-in-ABP-Framework/1.png
new file mode 100644
index 0000000000..f5cabbd4ef
Binary files /dev/null and b/docs/en/Community-Articles/2025-03-23-Understanding-the-Embedded-Files-in-ABP-Framework/1.png differ
diff --git a/docs/en/Community-Articles/2025-03-23-Understanding-the-Embedded-Files-in-ABP-Framework/2.png b/docs/en/Community-Articles/2025-03-23-Understanding-the-Embedded-Files-in-ABP-Framework/2.png
new file mode 100644
index 0000000000..0aee0bf048
Binary files /dev/null and b/docs/en/Community-Articles/2025-03-23-Understanding-the-Embedded-Files-in-ABP-Framework/2.png differ
diff --git a/docs/en/Community-Articles/2025-03-23-Understanding-the-Embedded-Files-in-ABP-Framework/3.png b/docs/en/Community-Articles/2025-03-23-Understanding-the-Embedded-Files-in-ABP-Framework/3.png
new file mode 100644
index 0000000000..6c008bc372
Binary files /dev/null and b/docs/en/Community-Articles/2025-03-23-Understanding-the-Embedded-Files-in-ABP-Framework/3.png differ
diff --git a/docs/en/Community-Articles/2025-03-23-Understanding-the-Embedded-Files-in-ABP-Framework/post.md b/docs/en/Community-Articles/2025-03-23-Understanding-the-Embedded-Files-in-ABP-Framework/post.md
new file mode 100644
index 0000000000..5664fd8091
--- /dev/null
+++ b/docs/en/Community-Articles/2025-03-23-Understanding-the-Embedded-Files-in-ABP-Framework/post.md
@@ -0,0 +1,248 @@
+# Understanding the Embedded Files in ABP Framework
+
+Embedded Files functionality in .NET applications allows external files (like configuration files, images, etc.) to be directly embedded into assemblies (.exe or .dll). This simplifies deployment, prevents file loss or tampering, improves security and performance, and reduces path and dependency management issues. Through embedded resources, programs can access these files more conveniently without additional file operations.
+
+## Embedding Files in Your Project
+
+We embed `Volo\Abp\MyModule\Localization\*.json` files into the assembly in our `MyModule.csproj`.
+
+```xml
+
+
+ {{ abp.localization.localize('TodoItems') }}
+
+
+
+
+
+
+ Loading...
+
+ -
+
- + + + +
No todos yet
+Loading...
`) in the `index.html`.
-
-* Execute `abp bundle` command under blazor project once.
+* Install the [Volo.Abp.AspNetCore.Components.WebAssembly.BasicTheme.Bundling](https://www.nuget.org/packages/Volo.Abp.AspNetCore.Components.WebAssembly.BasicTheme.Bundling) NuGet package to your `Blazor` project.
+* Add `AbpAspNetCoreComponentsWebAssemblyBasicThemeBundlingModule` into the `[DependsOn(...)]` attribute for your [module class](../../architecture/modularity/basics.md) in the your `Blazor` project.
+* Install the [Volo.Abp.AspNetCore.Components.WebAssembly.BasicTheme](https://www.nuget.org/packages/Volo.Abp.AspNetCore.Components.WebAssembly.BasicTheme) NuGet package to your `Blazor.Client` project.
+* Add `AbpAspNetCoreComponentsWebAssemblyBasicThemeModule` into the `[DependsOn(...)]` attribute for your [module class](../../architecture/modularity/basics.md) in the your `Blazor.Client` project.
+
+Update `Routes.razor` file in `Blazor.Client` project as below:
+
+````csharp
+@using Volo.Abp.AspNetCore.Components.Web.BasicTheme.Themes.Basic
+@using Volo.Abp.AspNetCore.Components.WebAssembly.WebApp
+
+
-*Mastering ABP Framework* is an ultimate guide to get started and expertise with the ABP Framework. It is authored by Halil Ä°brahim Kalkan, the creator and the lead developer of the ABP Framework.
-
-**[Click here to see the details and order the book](https://abp.io/books/mastering-abp-framework)**.
-
-### Free E-Book: Implementing Domain Driven Design
-
-
-
-A **practical guide** for implementing Domain Driven Design (DDD). While the implementation details are **based on the ABP** infrastructure, the basic concepts, principles and models can be applied to any solution, even if it is not a .NET solution.
-
-**[Click here to get your free copy](https://abp.io/books/implementing-domain-driven-design?ref=doc).**
+* [See the details and **order** the **Mastering ABP Framework** book](https://abp.io/books/mastering-abp-framework)
+* [**Download** your free copy of the **Implementing Domain Driven Design** book](https://abp.io/books/implementing-domain-driven-design?ref=doc)
## Samples
diff --git a/docs/en/kb/can-not-login-with-admin-user.md b/docs/en/kb/can-not-login-with-admin-user.md
index d69695b503..300a1a5c8f 100644
--- a/docs/en/kb/can-not-login-with-admin-user.md
+++ b/docs/en/kb/can-not-login-with-admin-user.md
@@ -1,5 +1,36 @@
-# KB#0003: Can not login with the admin user
+# KB#0003: Cannot login with the admin user
-* Try username `admin` and Password `1q2w3E*`.
-* Try to migrate database. If you have a `DbMigrator` application in your solution, use it. It will seed initial data and create the admin user for you.
-* If not works, read the README.MD file in your solution, or check the [Getting Started](https://abp.io/docs/latest/get-started) document.
+## Use the Correct Username and Password
+
+You may have entered the wrong password. The username is `admin`, and the password is `1q2w3E*`. Note that the password is case-sensitive.
+
+## Forgot to Seed Initial Data
+
+You may need to add migrations and update the database using the EF Core CLI. If your solution includes a `DbMigrator` application, you must run the `DbMigrator` application to seed the initial data.
+
+If your project does not include a `DbMigrator` application, there might be a `migrate-database.ps1` script available. You can use it to migrate and seed the initial data.
+
+> The no-layer application typically support a `--migrate-database` option for migrating and seeding initial data.
+
+> Example:
+> ```bash
+> dotnet run --migrate-database
+> ```
+
+## Tenant Admin User
+
+If you cannot log in as a tenant admin user, ensure the tenant database is created and seeded, Use the password that was set during tenant creation.
+
+> The tenant seeding process is handled by the template project. If it is not completed, please check the `Logs` file for any error logs.
+
+## Check the `AbpUsers` Table
+
+If you have performed migration and seeded the initial data, check the `AbpUsers` table in the database. Ensure that the user record exists. If your tenant has a separate database, check the tenant database as well.
+
+Passwords are stored in hashed format, not plain text. If you suspect the password is incorrect, you can delete the user record and re-seed the initial data using the `DbMigrator` application or the `migrate-database.ps1` script.
+
+## Other Issues
+
+If the issue persists, refer to the `README.MD` file in your solution or consult the [Getting Started](https://abp.io/docs/latest/get-started) documentation.
+
+Feel free to create an issue in the [ABP GitHub repository](https://github.com/abpframework/abp/issues/new/choose) or contact [ABP Commercial Support](https://abp.io/support/questions/New) for assistance.
diff --git a/docs/en/modules/account-pro.md b/docs/en/modules/account-pro.md
index e3e7884cc0..4ccc8b316a 100644
--- a/docs/en/modules/account-pro.md
+++ b/docs/en/modules/account-pro.md
@@ -104,6 +104,48 @@ If you use `Social / External Logins`, It is automatically called for authentica
+### Switching users during OAuth login
+
+If you have an OAuth/Auth Server application using the Account Pro module, you can pass the `prompt=select_account` parameter to force the user to select an account.
+
+Example to pass `prompt=select_account` parameter in OpenIdConnect:
+
+```csharp
+.AddAbpOpenIdConnect("oidc", options =>
+{
+ // ...
+ options.Events = new OpenIdConnectEvents
+ {
+ OnRedirectToIdentityProvider = redirectContext =>
+ {
+ redirectContext.ProtocolMessage.Prompt = "select_account";
+ return Task.CompletedTask;
+ }
+ };
+ // ...
+});
+```
+
+
+
+You have three options:
+
+- Continue: The login process will continue with the current account.
+- Switch to another account: Will be redirected to the login page to log in with another account.
+- Create a new account: Will be redirected to the register page to create a new account.
+
+> The OAuth login process will continue after the user selects one of the options.
+
+
+
+All available prompt parameters:
+
+| **Parameter** | **Description** |
+|------------------|-------------------------------------------------------------------------------------------------------------|
+| `login` | Forces the user to re-authenticate, even if they are already logged in. |
+| `consent` | Forces the user to re-consent to the requested permissions, even if they have consented before. |
+| `select_account` | Forces the user to select an account, even if they are already logged in (especially relevant if multiple accounts are available). |
+| `none` | Does not trigger any prompt. If the user is not logged in, or their consent is not granted, it will return an error or redirect accordingly. |
## Social / External Logins
@@ -113,7 +155,7 @@ The application startup template comes with **Twitter**, **Google** and **Micros
-The social/External login system is compatible with the multi-tenancy. Each tenant can configure their own provider settings if your application is multi-tenant.
+The social/External login system is compatible with the multi-tenancy. Each tenant can enable or disable the external login provider and configure their own provider settings if your application is multi-tenant.
### Install a new External Login
@@ -137,7 +179,7 @@ context.Services.AddAuthentication()
facebook.Scope.Add("public_profile");
})
.WithDynamicOptions
+
+}
+
@L["RequireMigrateSeedTitle"]
+@L["RequireMigrateSeedMessage"]
+