doc: add warning for mv2 deprecation

Author: gera2ld

content/pages/api/gm.mdx

@@ -386,9 +386,9 @@ Returns the command's `caption` since VM2.12.5 or `id` since VM2.15.9.
     * <Field name="autoClose?" type="boolean" defaultValue="true" />
       Whether to auto-close the popup after the user invoked the command.
 
-<InfoBox>
-  If you want to add a shortcut, please refer to [keyboard shortcut](/guide/keyboard-shortcuts/#shortcut-for-menu-command).
-</InfoBox>
+> [!TIP]
+>
+> If you want to add a shortcut, please refer to [keyboard shortcut](/guide/keyboard-shortcuts/#shortcut-for-menu-command).
 
 Here's how you can change the command in-place, thus preserving its relative position in the list of multiple commands:
 ```js
@@ -604,7 +604,7 @@ let control = GM_xmlhttpRequest(details)
 
   Each event handler is a *function* that accepts one argument `responseObject`
 
-> Note:
+> [!NOTE]
 >
 > - `synchronous` is not supported.
 

content/pages/guide/keyboard-shortcuts/index.mdx

@@ -9,9 +9,9 @@ It is a common case to provide a keyboard shortcut for a function in a userscrip
 
 We provided an easy way to achieve this by introducing [@violentmonkey/shortcut][vm-shortcut].
 
-<InfoBox>
-  Note: [@violentmonkey/shortcut][vm-shortcut] is a library provided by the Violentmonkey team, but it is just JavaScript and can be used with other script managers as well. You can find the API reference in its README page.
-</InfoBox>
+> [!TIP]
+>
+> [@violentmonkey/shortcut][vm-shortcut] is a library provided by the Violentmonkey team, but it is just JavaScript and can be used with other script managers as well. You can find the API reference in its README page.
 
 ## Preparation
 

content/pages/guide/observing-dom/index.mdx

@@ -19,9 +19,9 @@ You can stop reading this now if you are familiar with `MutationObserver` and pr
 
 If you are looking for an easy and friendly way to observe elements, [@violentmonkey/dom][vm-dom] might be what you want.
 
-<InfoBox>
-  [@violentmonkey/dom][vm-dom] is a library provided by the Violentmonkey team. Nevertheless, it is just pure JavaScript and can be used with other script managers.
-</InfoBox>
+> [!TIP]
+>
+> [@violentmonkey/dom][vm-dom] is a library provided by the Violentmonkey team. Nevertheless, it is just pure JavaScript and can be used with other script managers.
 
 Once the library is required, we can use its methods under the `VM` namespace. See [the documentation](https://www.jsdocs.io/package/@violentmonkey/dom) for more details.
 

content/pages/index.mdx

@@ -23,13 +23,15 @@ Violentmonkey provides userscripts support for browsers.
 
 </div>
 
-<div class="px-4 pt-6 pb-4 bg-gray-100 text-gray-600">
-
-**Note:** This extension does not contain any ads and does not modify web pages automatically.
-Any changes and modifications on the sites are done by installed scripts.
-Therefore, please install only scripts that you trust.
-
-</div>
+> [!NOTE]
+> This extension does not contain any ads and does not modify web pages automatically.
+> Any changes and modifications on the sites are done by installed scripts.
+> Therefore, please install only scripts that you trust.
+
+> [!WARNING]
+> This extension is **no longer supported on Chrome** due to its Manifest V2 architecture. While a Manifest V3 rewrite might be considered in the future, it is not planned for the foreseeable future due to the considerable effort involved and the potential for losing existing features.
+>
+> As an alternative, consider using [Brave](https://brave.com/) browser which is also open source, where you can install it from the Chrome Web Store.
 
 ## Installation
 

content/pages/localization/index.md

@@ -3,8 +3,6 @@ title: Localization
 date: 2017-03-13 20:07:10
 ---
 
-import { InfoBox } from '@/components/box';
-
 It is highly recommended to update the translations on [Transifex](https://www.transifex.com/), to utilize the powerful features provided by the platform and for better maintenance.
 
 We have automated weekly synchronization from Transifex, so the translations will be updated to the code soon.
@@ -16,16 +14,16 @@ We have automated weekly synchronization from Transifex, so the translations wil
 
 ## Pull Requests
 
-*Please consider using Transifex first.*
+_Please consider using Transifex first._
 
 1. Fork Violentmonkey from [GitHub](https://github.com/violentmonkey/violentmonkey).
 1. Copy `src/_locales/en/messages.yml` into `src/_locales/<your_locale>/messages.yml`.
 1. Translate messages in the created `messages.yml` or the one you'd like to modify.
 
-    <InfoBox>
-    **Make sure the modified `messages.yml` is valid yaml.**
-
-    If you are not sure how to do this, please use Transifex instead.
-    </InfoBox>
+   > [!IMPORTANT]
+   >
+   > **Make sure the modified `messages.yml` is valid yaml.**
+   >
+   > If you are not sure how to do this, please use Transifex instead.
 
 1. Commit changes and create a pull request.

content/posts/features-in-userscript-generator.mdx

@@ -6,9 +6,9 @@ path: /posts/features-in-userscript-generator/
 
 [Userscript Generator](https://github.com/violentmonkey/generator-userscript) is a Yeoman generator to quickly initiate a new project for a userscript.
 
-<InfoBox>
-See [Using modern syntax](/guide/using-modern-syntax/) for the usage.
-</InfoBox>
+> [!TIP]
+>
+> See [Using modern syntax](/guide/using-modern-syntax/) for the usage.
 
 In this post we will dive into each feature and see why and how we use it, and whether we have different choices.
 
@@ -46,10 +46,12 @@ However, SolidJS doesn't have an official UMD or IIFE package. In other words, t
 We have several options here:
 
 - Option 1: import it and bundle it in the userscript.
+
   - Pros: Simple to go.
   - Cons: **Bloated userscript size and worse readability**.
 
 - Option 2: import it using dynamic import at runtime.
+
   - Pros: Better readability, smaller file size.
   - Cons: **An obvious delay before the UI appears**.
   - Suggestion: If the delay is acceptable, this might be a good choice.