fix: UseTab (4 spaces)

fixes #21 #24

.prettierrc

@@ -0,0 +1,4 @@
+{
+	"tabWidth": 4,
+	"useTabs": true
+}

CHANGELOG.md

@@ -2,61 +2,65 @@
 
 We are updating the **Bootstrap 5 Quick Snippet** extension in regular basis to give you the best performance while developing projects.
 
+## [0.4.4] - 2023-12-06
+
+-   fix(templates): Used Tab indent(4 spaces) and removed all possible spaces.
+
 ## [0.4.3] - 2023-11-27
 
-- fix(templates): Updated Bootstrap CDN to `5.2.1` to `5.2.3`
+-   fix(templates): Updated Bootstrap CDN to `5.2.1` to `5.2.3`
 
 ## [0.4.1] - 2022-09-04
 
-- docs: Readme table not aligned properly
+-   docs: Readme table not aligned properly
 
 ## [0.4.0] - 2022-08-29
 
-- feat(templates): Snippet suggestion & code improvements [@uguryuruk][https://github.com/uguryuruk]
-- Updated templates to: Bootstrap 5.2.0
+-   feat(templates): Snippet suggestion & code improvements [@uguryuruk][https://github.com/uguryuruk]
+-   Updated templates to: Bootstrap 5.2.0
 
 ## [0.3.0] - 2022-06-01
 
-- feat(templates): Snippet suggestion & code improvements [@uguryuruk][https://github.com/uguryuruk]
-- Updated templates to: Bootstrap 5.2.0-beta1 & fontawesome-cdn
+-   feat(templates): Snippet suggestion & code improvements [@uguryuruk][https://github.com/uguryuruk]
+-   Updated templates to: Bootstrap 5.2.0-beta1 & fontawesome-cdn
 
 ## [0.2.3] - 2022-05-29
 
-- feat(docs): Contribution page along with html templates.
+-   feat(docs): Contribution page along with html templates.
 
 ## [0.2.2] - 2022-01-06
 
-- Fix: svelte snippets path in package.json [@dealeros](https://github.com/dealeros)
+-   Fix: svelte snippets path in package.json [@dealeros](https://github.com/dealeros)
 
 ## [0.2.1] - 2021-12-11
 
-- Fix: formatted [README.md](./README.md)
+-   Fix: formatted [README.md](./README.md)
 
 ## [0.2.1] - 2021-12-11
 
-- Added support for `.svelte` support.
-- Added the following:
-  - `bs5-navbar-offcanvas` snippet [(Docs)](https://getbootstrap.com/docs/5.2/components/navbar/#offcanvas)
-  - `bs5-card-placeholder` snippet [(Docs)](https://getbootstrap.com/docs/5.2/components/placeholders/)
-  - `bs5-form-floating` snippet [(Docs)](https://getbootstrap.com/docs/5.2/forms/floating-labels/#example)
-  - Please tell us if you have any thing to add to the list.
-  - #### Improves:
-    - Added emoji to `openCyberDudeChannel`command
+-   Added support for `.svelte` support.
+-   Added the following:
+    -   `bs5-navbar-offcanvas` snippet [(Docs)](https://getbootstrap.com/docs/5.2/components/navbar/#offcanvas)
+    -   `bs5-card-placeholder` snippet [(Docs)](https://getbootstrap.com/docs/5.2/components/placeholders/)
+    -   `bs5-form-floating` snippet [(Docs)](https://getbootstrap.com/docs/5.2/forms/floating-labels/#example)
+    -   Please tell us if you have any thing to add to the list.
+    -   #### Improves:
+        -   Added emoji to `openCyberDudeChannel`command
 
 ## [0.2.0] - 2021-07-22
 
-- Rewrote the extension in Typescript
-- #### Features:
-  - Added Font-Awesome cdn links. Use `fa5-cdn` to write fontawesome CDN links, you can use CSS version or JS version. (Only one is necessary.)
-  - Added snippets for `html-comment-block` to create quick html block comments.
-  - Added snippets for `css-comment-block` to create quick css block comments.
-  - **[ Experimental ]** - Added new command "`Open CyberDude YT Channel`" that will open cyberdude channel from inside `VSCode`. Just press `CTRL + P` and type `cyberdude` it will open the [`CyberDude YouTube Channel`](https://www.youtube.com/user/CyberDudeNetworks) and has the ability to visit [`cyberdude website`](https://cyberdudenetworks.com) aswell. This feature is experimental and can be removed in the future.
+-   Rewrote the extension in Typescript
+-   #### Features:
+    -   Added Font-Awesome cdn links. Use `fa5-cdn` to write fontawesome CDN links, you can use CSS version or JS version. (Only one is necessary.)
+    -   Added snippets for `html-comment-block` to create quick html block comments.
+    -   Added snippets for `css-comment-block` to create quick css block comments.
+    -   **[ Experimental ]** - Added new command "`Open CyberDude YT Channel`" that will open cyberdude channel from inside `VSCode`. Just press `CTRL + P` and type `cyberdude` it will open the [`CyberDude YouTube Channel`](https://www.youtube.com/user/CyberDudeNetworks) and has the ability to visit [`cyberdude website`](https://cyberdudenetworks.com) aswell. This feature is experimental and can be removed in the future.
 
 ## [0.1.3] - 2021-07-18
 
-- Made it compatible for VSCode `1.54.0` above.
+-   Made it compatible for VSCode `1.54.0` above.
 
 ## [0.1.2] - 2021-07-15
 
-- Added 166 code snippets
-- Fixed lot of bugs
+-   Added 166 code snippets
+-   Fixed lot of bugs

README.md

@@ -4,65 +4,54 @@
 ![license badge](https://img.shields.io/github/license/anburocky3/bootstrap5-snippets)
 ![Install badge](https://img.shields.io/visual-studio-marketplace/azure-devops/installs/total/AnbuselvanRocky.bootstrap5-vscode)
 
-Simple yet effective **Quick snippet extension** for **Visual Studio Code** ([VSCode](https://code.visualstudio.com/)).
-It contains **179** code snippets to build Bootstrap UI faster. This plugin works both in the stable & the insiders
-build.
+Simple yet effective **Quick snippet extension** for **Visual Studio Code** ([VSCode](https://code.visualstudio.com/)). It contains **179** code snippets to build Bootstrap UI faster. This plugin works both in the stable & the insiders build.
 
 ![Plugin in action](https://github.com/anburocky3/bootstrap5-snippets/blob/master/screenshots/help.gif?raw=true)
 
 ## Idea
 
-Inspired
-from [Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets](https://marketplace.visualstudio.com/items?itemName=thekalinga.bootstrap4-vscode)
-plugin. We thought it would be cool if we have only [Bootstrap 5](https://get.bootstrap.com) snippets. So created it.
+Inspired from [Bootstrap 4, Font awesome 4, Font Awesome 5 Free & Pro snippets](https://marketplace.visualstudio.com/items?itemName=thekalinga.bootstrap4-vscode) plugin. We thought it would be cool if we have only [Bootstrap 5](https://get.bootstrap.com) snippets. So created it.
 
 ## Help
 
 The detailed list of supported template triggers are listed [below](#📃-documentation-bootstrap-5-snippets)
 
 Would you like to watch a quick tutorial on [Youtube](https://www.youtube.com/watch?v=vEF5mhRcFLw)?
 
-Feel free to let me know what else you want to be added via
-the [issues](https://github.com/anburocky3/bootstrap5-snippets/issues)
+Feel free to let me know what else you want to be added via the [issues](https://github.com/anburocky3/bootstrap5-snippets/issues)
 
-Suggestions, feedback, and other comments welcome via [@anbuselvanrocky](https://twitter.com/anbuselvanrocky) on
-Twitter.
+Suggestions, feedback, and other comments welcome via [@anbuselvanrocky](https://twitter.com/anbuselvanrocky) on Twitter.
 
 ## Installation (in 2 easy steps)
 
 1. Install plugin
 2. Press `F1`, paste `ext install bootstrap5-vscode` & then press `enter` (or)
-3. Go to extensions by pressing `Ctrl-Shift-X` (Windows/Linux) or `Cmd-Shift-X` (Mac) & Search
-   for `Bootstrap 5 Quick Snippets`, click on install
+3. Go to extensions by pressing `Ctrl-Shift-X` (Windows/Linux) or `Cmd-Shift-X` (Mac) & Search for `Bootstrap 5 Quick Snippets`, click on install
 4. Reload your editor
 
 You are good to go.
 
 ## Usage
 
-To use the bootstrap snippets, open an HTML file, and start typing `b5-`, followed by pressing `Ctrl+Space`. A list of
-bootstrap snippets will show up
+To use the bootstrap snippets, open an HTML file, and start typing `b5-`, followed by pressing `Ctrl+Space`. A list of bootstrap snippets will show up
 
 The detailed list of supported actions are listed below under the documentation section
 
 Here are the conventions that will make it easy to lookup templates
 
-If a template trigger starts with `@` variation, this snippet targets the attribute of an HTML element in your markup.
-Think of `@` as `HTML attribute`
+If a template trigger starts with `@` variation, this snippet targets the attribute of an HTML element in your markup. Think of `@` as `HTML attribute`
 
 ## Mind map
 
 `@` => Targets HTML attribute
 
 ## 🤖 Changelog
 
-We do track all our changes in our
-changelog. [Check the changelog here](https://github.com/anburocky3/bootstrap5-snippets/blob/master/CHANGELOG.md)
+We do track all our changes in our changelog. [Check the changelog here](https://github.com/anburocky3/bootstrap5-snippets/blob/master/CHANGELOG.md)
 
 ## 📝 How to Contribute?
 
-Make the snippet more cool by
-contributing. [Contributing instructions here](https://github.com/anburocky3/bootstrap5-snippets/blob/master/CONTRIBUTION.md)
+Make the snippet more cool by contributing. [Contributing instructions here](https://github.com/anburocky3/bootstrap5-snippets/blob/master/CONTRIBUTION.md)
 
 ## 📃 Documentation - Bootstrap 5 snippets
 
@@ -250,47 +239,43 @@ contributing. [Contributing instructions here](https://github.com/anburocky3/boo
 
 ### Commands
 
-- **[ Experimental ]** - Added new command "`Open CyberDude YT Channel`" that will open cyberdude channel from
-  inside `VSCode`. Just press `CTRL + P` and type `cyberdude` it will open
-  the [`CyberDude YouTube Channel`](https://www.youtube.com/user/CyberDudeNetworks) and has the ability to
-  visit [`cyberdude website`](https://cyberdudenetworks.com) as well. This feature is experimental and can be removed in
-  the future.
+-   **[ Experimental ]** - Added new command "`Open CyberDude YT Channel`" that will open cyberdude channel from inside `VSCode`. Just press `CTRL + P` and type `cyberdude` it will open the [`CyberDude YouTube Channel`](https://www.youtube.com/user/CyberDudeNetworks) and has the ability to visit [`cyberdude website`](https://cyberdudenetworks.com) as well. This feature is experimental and can be removed in the future.
 
 ## Supported languages
 
-- [html](https://developer.mozilla.org/en-US/docs/Web/HTML)
-- [blade](https://laravel.com/docs/blade)
-- [ejs](https://ejs.co/)
-- [handlebars](https://handlebarsjs.com/)
-- [latte](https://latte.nette.org/)
-- [php](https://php.net)
-- plaintext
-- [razor](https://github.com/Antaris/RazorEngine)
-- [tpl](https://www.smarty.net/)
-- [typescript](https://www.typescriptlang.org/)
-- [typescriptreact](https://www.typescriptlang.org/docs/handbook/react.html)
-- [javascriptreact](https://reactjs.org/)
-- [javascript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
-- twig
-- [vue](https://vuejs.org/)
-- [vue-html](https://vuejs.org/)
-- [django-html](https://docs.djangoproject.com/)
-- [jinja-html](https://jinja.palletsprojects.com/)
-- [erb](https://www.stuartellis.name/articles/erb/)
-- HTML (Eex)
-- [volt](http://www.volt-lang.org/)
-- [nunjucks](https://mozilla.github.io/)
-- [svelte](https://svelte.dev/)
+-   [html](https://developer.mozilla.org/en-US/docs/Web/HTML)
+-   [blade](https://laravel.com/docs/blade)
+-   [ejs](https://ejs.co/)
+-   [handlebars](https://handlebarsjs.com/)
+-   [latte](https://latte.nette.org/)
+-   [php](https://php.net)
+-   plaintext
+-   [razor](https://github.com/Antaris/RazorEngine)
+-   [tpl](https://www.smarty.net/)
+-   [typescript](https://www.typescriptlang.org/)
+-   [typescriptreact](https://www.typescriptlang.org/docs/handbook/react.html)
+-   [javascriptreact](https://reactjs.org/)
+-   [javascript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
+-   twig
+-   [vue](https://vuejs.org/)
+-   [vue-html](https://vuejs.org/)
+-   [django-html](https://docs.djangoproject.com/)
+-   [jinja-html](https://jinja.palletsprojects.com/)
+-   [erb](https://www.stuartellis.name/articles/erb/)
+-   HTML (Eex)
+-   [volt](http://www.volt-lang.org/)
+-   [nunjucks](https://mozilla.github.io/)
+-   [svelte](https://svelte.dev/)
 
 ## Authors
 
-- [Anbuselvan Rocky](https://facebook.com/anburocky3)
-- Special thanks to [Ashok Koyi](https://github.com/thekalinga)
+-   [Anbuselvan Rocky](https://facebook.com/anburocky3)
+-   Special thanks to [Ashok Koyi](https://github.com/thekalinga)
 
 ## Contributors
 
-- [Adam Kortus](https://github.com/dealeros)
-- [Ugur y](https://github.com/uguryuruk) (Special Thanks)
+-   [Adam Kortus](https://github.com/dealeros)
+-   [Ugur y](https://github.com/uguryuruk) (Special Thanks)
 
 ## License