updated readme

Author: Andcool-Systems

Readme.md

@@ -1,23 +1,30 @@
 # 🎨 Next.js CSS Linter  
+A tool for seamless work with CSS modules in Next.js and React.  
 
-A tool for analyzing CSS modules in Next.js projects. The linter detects **unused classes** in styles and **references to non-existent classes** in `.tsx` files.  
-
-## 🔹 Features  
-- Project-wide analysis with warnings displayed in the editor  
-- High performance thanks to Rust-based implementation  
-- Support for `import aliases` from `tsconfig.json`  
-- Ability to ignore specific warnings
-- Find definitions for your CSS classes  
+## 🔹 Key Features  
+- Detects unused CSS classes  
+- Finds undefined classes in `.tsx` files  
+- Enables quick navigation to CSS class definitions  
+- Provides autocomplete suggestions for CSS classes  
+- Displays CSS class content on hover  
+- Automatically extracts inline styles into CSS modules  
 
 ## 🔹 Usage  
-Linting runs automatically **on file save**, and warnings are displayed in the workspace.  
+Linting runs **on file save**, and warnings are displayed in the editor.  
+
+### ✂️ Extracting Inline Styles  
+1. Select the `style={{}}` prop in a JSX/TSX file.  
+2. Open the context menu and choose **"Extract inline styles into CSS module"**.  
+3. Select the CSS module where the styles should be moved.  
+4. Enter a name for the new CSS class and press **Enter**.  
+5. The inline styles will be converted into a CSS class and added to the selected module.  
 
-### 🔹 Ignoring Warnings  
-If a class is used correctly but still marked as unused, add a comment **directly above the class declaration**:  
+## 🔹 Ignoring Warnings  
+If a class is used correctly but still marked as unused, add a comment **above its declaration**:  
 ```css
 /* css-lint-disable-rule unused-class */
 ```
-Alternatively, use the **Quick Fix** feature available in the editor.
+Alternatively, use the **Quick Fix** feature available in the editor.  
 
----
-**by AndcoolSystems, 04 March, 2025**
+---  
+📌 **by AndcoolSystems, March 4, 2025**

vscode-ext/README.md

@@ -1,23 +1,30 @@
 # 🎨 Next.js CSS Linter  
+A tool for seamless work with CSS modules in Next.js and React.  
 
-A tool for analyzing CSS modules in Next.js projects. The linter detects **unused classes** in styles and **references to non-existent classes** in `.tsx` files.  
-
-## 🔹 Features  
-- Project-wide analysis with warnings displayed in the editor  
-- High performance thanks to Rust-based implementation  
-- Support for `import aliases` from `tsconfig.json`  
-- Ability to ignore specific warnings
-- Find definitions for your CSS classes  
+## 🔹 Key Features  
+- Detects unused CSS classes  
+- Finds undefined classes in `.tsx` files  
+- Enables quick navigation to CSS class definitions  
+- Provides autocomplete suggestions for CSS classes  
+- Displays CSS class content on hover  
+- Automatically extracts inline styles into CSS modules  
 
 ## 🔹 Usage  
-Linting runs automatically **on file save**, and warnings are displayed in the workspace.  
+Linting runs **on file save**, and warnings are displayed in the editor.  
+
+### ✂️ Extracting Inline Styles  
+1. Select the `style={{}}` prop in a JSX/TSX file.  
+2. Open the context menu and choose **"Extract inline styles into CSS module"**.  
+3. Select the CSS module where the styles should be moved.  
+4. Enter a name for the new CSS class and press **Enter**.  
+5. The inline styles will be converted into a CSS class and added to the selected module.  
 
-### 🔹 Ignoring Warnings  
-If a class is used correctly but still marked as unused, add a comment **directly above the class declaration**:  
+## 🔹 Ignoring Warnings  
+If a class is used correctly but still marked as unused, add a comment **above its declaration**:  
 ```css
 /* css-lint-disable-rule unused-class */
 ```
-Alternatively, use the **Quick Fix** feature available in the editor.
+Alternatively, use the **Quick Fix** feature available in the editor.  
 
----
-**by AndcoolSystems, 04 March, 2025**
+---  
+📌 **by AndcoolSystems, March 4, 2025**

vscode-ext/package.json

@@ -1,8 +1,8 @@
 {
   "name": "next-css-lint",
   "displayName": "Next.Js CSS linter",
-  "description": "Display unused CSS classes in Next.Js projects and search for class definitions",
-  "version": "1.8.0",
+  "description": "A Rust-based VSCode extension that adds tools for working with CSS modules in React and Next.Js",
+  "version": "1.8.2",
   "license": "MIT",
   "repository": "https://github.com/Andcool-Systems/css-linter",
   "author": {