Add screenshot in README.md file and extension logo

CHANGELOG.md

@@ -9,11 +9,19 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Nothing yet!
 
+## [0.4.0] - 2023-01-21
+
+### Added
+
+- Add screenshot in README.md file
+- Add extension logo
+
 ## [0.3.2] - 2023-01-21
 
 ### Fixed
 
 - Add missing props to extracted components when expressions are used
 
-[unreleased]: https://github.com/dimitribarbot/tailwind-styled-components-extractor/compare/v0.3.2...HEAD
+[unreleased]: https://github.com/dimitribarbot/tailwind-styled-components-extractor/compare/v0.4.0...HEAD
+[0.4.0]: https://github.com/dimitribarbot/tailwind-styled-components-extractor/compare/v0.4.0...v0.3.2
 [0.3.2]: https://github.com/dimitribarbot/tailwind-styled-components-extractor/compare/b72f621adfcd460d7f15241dea247ebaa074dbea...v0.3.2

README.md

@@ -14,9 +14,11 @@ For maximum productivity, you can combine this extension with [Emmet](https://em
 1. Use Emmet to create JSX element tree
 2. Use this extension to extract tailwind-styled-components from the JSX
 
+![screenshot](images/screenshot.gif)
+
 ## Usage
 
-Use one of the four VS Code commands provided by this extension:
+Use one of the six VS Code commands provided by this extension:
 
 - `Extract current JSX to tailwind-styled-components to the same file` - Generates tailwind styled component definition for the underlying selected JSX element and appends it to end of the current JSX file.
 - `Extract current JSX to tailwind-styled-components to a separate file` - Generates tailwind styled component definition for the underlying selected JSX element and appends it to end of another file. Automatically imports the new component in the JSX file. The file the component is appended to is controlled by the `separateFile.outputFile` setting.

package.json

@@ -1,7 +1,7 @@
 {
   "name": "tailwind-styled-components-extractor",
   "displayName": "Tailwind Styled-Components Extractor",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "Generate tailwind styled-components from JSX tags. A faster tailwind styled-component workflow.",
   "license": "MIT",
   "publisher": "dimitribarbot",
@@ -21,6 +21,7 @@
     "extractor",
     "snippet"
   ],
+  "icon": "images/logo.png",
   "scripts": {
     "vscode:prepublish": "yarn build && yarn test",
     "prebuild": "rimraf dist",