From 3df97b62778fc4586c5198b9f3a447dc65979529 Mon Sep 17 00:00:00 2001
From: Sachin Kumar <ersachin3112@gmail.com>
Date: Fri, 21 Jun 2024 17:35:26 +0530
Subject: [PATCH] docs: update github syntax of note (#1102)

---
 README.md | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index cc2dc8c2..a5a6c458 100644
--- a/README.md
+++ b/README.md
@@ -82,11 +82,11 @@ module.exports = {
 };
 ```
 
-> **Warning**
+> [!WARNING]
 >
 > Note that if you import CSS from your webpack entrypoint or import styles in the [initial](https://webpack.js.org/concepts/under-the-hood/#chunks) chunk, `mini-css-extract-plugin` will not load this CSS into the page. Please use [`html-webpack-plugin`](https://github.com/jantimon/html-webpack-plugin) for automatic generation `link` tags or create `index.html` file with `link` tag.
 
-> **Warning**
+> [!WARNING]
 >
 > Source maps works only for `source-map`/`nosources-source-map`/`hidden-nosources-source-map`/`hidden-source-map` values because CSS only supports source maps with the `sourceMappingURL` comment (i.e. `//# sourceMappingURL=style.css.map`). If you need set `devtool` to another value you can enable source maps generation for extracted CSS using [`sourceMap: true`](https://github.com/webpack-contrib/css-loader#sourcemap) for `css-loader`.
 
@@ -162,7 +162,7 @@ Default: `document.head.appendChild(linkTag);`
 
 Inserts the `link` tag at the given position for [non-initial (async)](https://webpack.js.org/concepts/under-the-hood/#chunks) CSS chunks
 
-> **Warning**
+> [!WARNING]
 >
 > Only for [non-initial (async)](https://webpack.js.org/concepts/under-the-hood/#chunks) chunks.
 
@@ -222,7 +222,7 @@ type attributes = Record<string, string>};
 
 Default: `{}`
 
-> **Warning**
+> [!WARNING]
 >
 > Only for [non-initial (async)](https://webpack.js.org/concepts/under-the-hood/#chunks) chunks.
 
@@ -253,7 +253,7 @@ module.exports = {
 };
 ```
 
-> **Note**
+> [!NOTE]
 >
 > It's only applied to dynamically loaded css chunks, if you want to modify link attributes inside html file, please using [html-webpack-plugin](https://github.com/jantimon/html-webpack-plugin)
 
@@ -560,7 +560,7 @@ type defaultExport = boolean;
 
 Default: `false`
 
-> **Note**
+> [!NOTE]
 >
 > This option will work only when you set `namedExport` to `true` in `css-loader`
 
@@ -832,7 +832,7 @@ module.exports = {
 
 ### Hot Module Reloading (HMR)
 
-> **Note**
+> [!NOTE]
 >
 > HMR is automatically supported in webpack 5. No need to configure it. Skip the following: