docs: tweaks

Author: kazupon

docs/advanced/component.md

@@ -183,6 +183,6 @@ You can also use the following slots shorthand in templates:
 </div>
 ```
 
-:::warning Limitation
+:::warning LIMITATION
 :warning: In `i18n-t` component, slots props are not supported.
 :::

docs/advanced/sfc.md

@@ -54,7 +54,7 @@ To use i18n custom blocks, you need to use the following plugins for bundler.
 
 [vue-i18n-loader](https://github.com/intlify/vue-i18n-loader) is loader plugin for [webpack](https://webpack.js.org/). Since single file components is bundled with [vue-loader](https://github.com/vuejs/vue-loader), you need to setting webpack config with vue-i18n-loader.
 
-:::tip Support Version
+:::tip NOTE
 - webpack: **v4 or later**
 - vue-loader: **v16 or later**.
 :::
@@ -97,7 +97,7 @@ module.exports = {
 
 [rollup-plugin-vue-i18n](https://github.com/intlify/rollup-plugin-vue-i18n) is rollup plugin for [rollup](https://rollupjs.org). Since single-file components is bundled with [rollup-plugin-vue](https://github.com/vuejs/rollup-plugin-vue), you need to setting rollup config with rollup-plugin-vue
 
-:::tip Support Version
+:::tip NOTE
 - rollup: **v2.32 or later**
 - rollup-plugin-vue: **v6 or later**.
 :::
@@ -146,7 +146,7 @@ export default [
 
 [vite-plugin-vue-i18n](https://github.com/intlify/vite-plugin-vue-i18n) is vite plugin for [Vite](https://github.com/vitejs/vite).
 
-:::tip Support Version
+:::tip NOTE
 - vite: **v1 or later**.
 :::
 

docs/essentials/scope.md

@@ -82,7 +82,7 @@ As you can see, the global scope is very useful because it allows you to switch
 
 If you want to switch the locale for the whole application, you need to change it via `global` property of i18n instance created with `createI18n`.
 
-:::tip MEMO
+:::tip NOTE
 If you don’t want to inherit `locale` from global scope, you need to set `sync` of `i18n` component option to `false`.
 :::
 

docs/essentials/syntax.md

@@ -259,7 +259,7 @@ Vue I18n supports the message format that is compatible with [Ruby on Rails i18n
 
 You can interpolate message format syntax with `%` prefixing:
 
-:::danger Important!!
+:::danger IMPORTANT
 In v10 and later, Rails i18n format will be deprecated. We recommended using Named interpolation.
 :::
 
@@ -295,13 +295,13 @@ As result, the below:
 
 You can localize it with messages that contain HTML.
 
-:::danger Danger
+:::danger DANGER
 :warning: Dynamically localizing arbitrary HTML on your site can be very dangerous because it can easily lead to XSS vulnerabilities. Only use HTML interpolation on trusted content and never on user-provided content.
 
 We recommended using the [Component interpolation](../advanced/component).
 :::
 
-:::warning Notice
+:::warning NOTICE
 If the message contains HTML, Vue I18n outputs a warning to console when development mode (`process.env.NODE_ENV !== 'production'`), Vue I18n outputs  warning to console.
 
 You can control warning output with the `warnHtmlInMessage` or `warnHtmlMessage` options in `createI18n` function or `useI18n` function.