Fix code style issues with Prettier

.eslintrc.json

@@ -1,19 +1,13 @@
 {
-    "env": {
-        "browser": true,
-        "es2021": true
-    },
-    "extends": [
-        "eslint:recommended",
-        "plugin:vue/essential"
-    ],
-    "parserOptions": {
-        "ecmaVersion": 13,
-        "sourceType": "module"
-    },
-    "plugins": [
-        "vue"
-    ],
-    "rules": {
-    }
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "extends": ["eslint:recommended", "plugin:vue/essential"],
+  "parserOptions": {
+    "ecmaVersion": 13,
+    "sourceType": "module"
+  },
+  "plugins": ["vue"],
+  "rules": {}
 }

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,17 +1,17 @@
 ---
 name: Bug report
 about: Create a report to help us improve
-title: ''
-labels: ''
-assignees: ''
-
+title: ""
+labels: ""
+assignees: ""
 ---
 
 **Describe the bug**
 A clear and concise description of what the bug is.
 
 **To Reproduce**
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
@@ -24,15 +24,17 @@ A clear and concise description of what you expected to happen.
 If applicable, add screenshots to help explain your problem.
 
 **Desktop (please complete the following information):**
- - OS: [e.g. iOS]
- - Browser [e.g. chrome, safari]
- - Version [e.g. 22]
+
+- OS: [e.g. iOS]
+- Browser [e.g. chrome, safari]
+- Version [e.g. 22]
 
 **Smartphone (please complete the following information):**
- - Device: [e.g. iPhone6]
- - OS: [e.g. iOS8.1]
- - Browser [e.g. stock browser, safari]
- - Version [e.g. 22]
+
+- Device: [e.g. iPhone6]
+- OS: [e.g. iOS8.1]
+- Browser [e.g. stock browser, safari]
+- Version [e.g. 22]
 
 **Additional context**
 Add any other context about the problem here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,10 +1,9 @@
 ---
 name: Feature request
 about: Suggest an idea for this project
-title: ''
-labels: ''
-assignees: ''
-
+title: ""
+labels: ""
+assignees: ""
 ---
 
 **Is your feature request related to a problem? Please describe.**

CODE_OF_CONDUCT.md

@@ -17,23 +17,23 @@ diverse, inclusive, and healthy community.
 Examples of behavior that contributes to a positive environment for our
 community include:
 
-* Demonstrating empathy and kindness toward other people
-* Being respectful of differing opinions, viewpoints, and experiences
-* Giving and gracefully accepting constructive feedback
-* Accepting responsibility and apologizing to those affected by our mistakes,
+- Demonstrating empathy and kindness toward other people
+- Being respectful of differing opinions, viewpoints, and experiences
+- Giving and gracefully accepting constructive feedback
+- Accepting responsibility and apologizing to those affected by our mistakes,
   and learning from the experience
-* Focusing on what is best not just for us as individuals, but for the
+- Focusing on what is best not just for us as individuals, but for the
   overall community
 
 Examples of unacceptable behavior include:
 
-* The use of sexualized language or imagery, and sexual attention or
+- The use of sexualized language or imagery, and sexual attention or
   advances of any kind
-* Trolling, insulting or derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or email
+- Trolling, insulting or derogatory comments, and personal or political attacks
+- Public or private harassment
+- Publishing others' private information, such as a physical or email
   address, without their explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
+- Other conduct which could reasonably be considered inappropriate in a
   professional setting
 
 ## Enforcement Responsibilities
@@ -106,7 +106,7 @@ Violating these terms may lead to a permanent ban.
 ### 4. Permanent Ban
 
 **Community Impact**: Demonstrating a pattern of violation of community
-standards, including sustained inappropriate behavior,  harassment of an
+standards, including sustained inappropriate behavior, harassment of an
 individual, or aggression toward or disparagement of classes of individuals.
 
 **Consequence**: A permanent ban from any sort of public interaction within

CONTRIBUTING.md

@@ -1,17 +1,20 @@
 <!-- omit in toc -->
+
 # Contributing to Vue 3 Maquee
 
 First off, thanks for taking the time to contribute! ❤️
 
 All types of contributions are encouraged and valued. See the [Table of Contents](#table-of-contents) for different ways to help and details about how this project handles them. Please make sure to read the relevant section before making your contribution. It will make it a lot easier for us maintainers and smooth out the experience for all involved. The community looks forward to your contributions. 🎉
 
 > And if you like the project, but just don't have time to contribute, that's fine. There are other easy ways to support the project and show your appreciation, which we would also be very happy about:
+>
 > - Star the project
 > - Tweet about it
 > - Refer this project in your project's readme
 > - Mention the project at local meetups and tell your friends/colleagues
 
 <!-- omit in toc -->
+
 ## Table of Contents
 
 - [Code of Conduct](#code-of-conduct)
@@ -25,15 +28,13 @@ All types of contributions are encouraged and valued. See the [Table of Contents
   - [Commit Messages](#commit-messages)
 - [Join The Project Team](#join-the-project-team)
 
-
 ## Code of Conduct
 
 This project and everyone participating in it is governed by the
 [Vue 3 Maquee Code of Conduct](https://github.com/megasanjay/vue3-marquee/blob/master/CODE_OF_CONDUCT.md).
 By participating, you are expected to uphold this code. Please report unacceptable behavior
 to <[email protected]>.
 
-
 ## I Have a Question
 
 > If you want to ask a question, we assume that you have read the available [Documentation](https://vue3-marquee.vercel.app/).
@@ -66,11 +67,13 @@ Depending on how large the project is, you may want to outsource the questioning
 ## I Want To Contribute
 
 > ### Legal Notice <!-- omit in toc -->
+>
 > When contributing to this project, you must agree that you have authored 100% of the content, that you have the necessary rights to the content and that the content you contribute may be provided under the project license.
 
 ### Reporting Bugs
 
 <!-- omit in toc -->
+
 #### Before Submitting a Bug Report
 
 A good bug report shouldn't leave others needing to chase you up for more information. Therefore, we ask you to investigate carefully, collect information and describe the issue in detail in your report. Please complete the following steps in advance to help us fix any potential bug as fast as possible.
@@ -87,16 +90,18 @@ A good bug report shouldn't leave others needing to chase you up for more inform
   - Can you reliably reproduce the issue? And can you also reproduce it with older versions?
 
 <!-- omit in toc -->
+
 #### How Do I Submit a Good Bug Report?
 
 > You must never report security related issues, vulnerabilities or bugs to the issue tracker, or elsewhere in public. Instead sensitive bugs must be sent by email to <[email protected]>.
+
 <!-- You may add a PGP key to allow the messages to be sent encrypted as well. -->
 
 We use GitHub issues to track bugs and errors. If you run into an issue with the project:
 
 - Open an [Issue](https://github.com/megasanjay/vue3-marquee/issues/new). (Since we can't be sure at this point whether it is a bug or not, we ask you not to talk about a bug yet and not to label the issue.)
 - Explain the behavior you would expect and the actual behavior.
-- Please provide as much context as possible and describe the *reproduction steps* that someone else can follow to recreate the issue on their own. This usually includes your code. For good bug reports you should isolate the problem and create a reduced test case.
+- Please provide as much context as possible and describe the _reproduction steps_ that someone else can follow to recreate the issue on their own. This usually includes your code. For good bug reports you should isolate the problem and create a reduced test case.
 - Provide the information you collected in the previous section.
 
 Once it's filed:
@@ -107,12 +112,12 @@ Once it's filed:
 
 <!-- You might want to create an issue template for bugs and errors that can be used as a guide and that defines the structure of the information to be included. If you do so, reference it here in the description. -->
 
-
 ### Suggesting Enhancements
 
 This section guides you through submitting an enhancement suggestion for Vue 3 Maquee, **including completely new features and minor improvements to existing functionality**. Following these guidelines will help maintainers and the community to understand your suggestion and find related suggestions.
 
 <!-- omit in toc -->
+
 #### Before Submitting an Enhancement
 
 - Make sure that you are using the latest version.
@@ -121,6 +126,7 @@ This section guides you through submitting an enhancement suggestion for Vue 3 M
 - Find out whether your idea fits with the scope and aims of the project. It's up to you to make a strong case to convince the project's developers of the merits of this feature. Keep in mind that we want features that will be useful to the majority of our users and not just a small subset. If you're just targeting a minority of users, consider writing an add-on/plugin library.
 
 <!-- omit in toc -->
+
 #### How Do I Submit a Good Enhancement Suggestion?
 
 Enhancement suggestions are tracked as [GitHub issues](https://github.com/megasanjay/vue3-marquee/issues).
@@ -134,26 +140,33 @@ Enhancement suggestions are tracked as [GitHub issues](https://github.com/megasa
 <!-- You might want to create an issue template for enhancement suggestions that can be used as a guide and that defines the structure of the information to be included. If you do so, reference it here in the description. -->
 
 ### Your First Code Contribution
+
 <!-- TODO
 include Setup of env, IDE and typical getting started instructions?
 
 -->
 
 ### Improving The Documentation
+
 <!-- TODO
 Updating, improving and correcting the documentation
 
 -->
 
 ## Styleguides
+
 ### Commit Messages
+
 <!-- TODO
 
 -->
 
 ## Join The Project Team
+
 <!-- TODO -->
 
 <!-- omit in toc -->
+
 ## Attribution
+
 This guide is based on the **contributing-gen**. [Make your own](https://github.com/bttger/contributing-gen)!

README.md

@@ -31,9 +31,7 @@ The most common use case is to register the component globally.
 import { createApp } from "vue";
 import Vue3Marquee from "vue3-marquee";
 
-createApp(App)
-  .use(Vue3Marquee)
-  .mount("#app");
+createApp(App).use(Vue3Marquee).mount("#app");
 ```
 
 Alternatively you can import the marquee component locally.
@@ -60,18 +58,18 @@ You can then use the component in your template. A common use case is an image m
 
 # Props and options
 
-| Prop | Type | Default Value | Description |
-| ------------- | ------------- | ------------- | ------------- |
-| direction  | String of either 'left' or 'right'  | left  | The direction for the content to move in |
-| duration  | Number  | 20  | The time taken for the marquee content to move the width of the container (in seconds) |
-| delay  | Number  | 0  | A delay before the animation starts (in seconds) |
-| loop  | Number  | 0  | The number of instances that the marquee animation should run (0 is infinite) |
-| gradient  | Boolean  | false  | Whether to show a gradient overlay |
-| gradientColor  | Array of 3 RGB values  | [255, 255, 255]  | The RGB colors for the color of the gradient |
-| gradientWidth  | String or Number  | 200  | What portion of the container edges should be taken by the gradient overlay |
-| pauseOnHover  | Boolean  | false  | Whether to pause the marquee on hover |
-| pauseOnClick  | Boolean  | false  | Whether to pause the marquee when you hold the right click button |
-| clone  | Boolean  | false  | Whether to clone the content if you want no empty spaces in the animation |
-| options | Object | { } | An object that you can also pass all of the above props in for a cleaner template |
+| Prop          | Type                               | Default Value   | Description                                                                            |
+| ------------- | ---------------------------------- | --------------- | -------------------------------------------------------------------------------------- |
+| direction     | String of either 'left' or 'right' | left            | The direction for the content to move in                                               |
+| duration      | Number                             | 20              | The time taken for the marquee content to move the width of the container (in seconds) |
+| delay         | Number                             | 0               | A delay before the animation starts (in seconds)                                       |
+| loop          | Number                             | 0               | The number of instances that the marquee animation should run (0 is infinite)          |
+| gradient      | Boolean                            | false           | Whether to show a gradient overlay                                                     |
+| gradientColor | Array of 3 RGB values              | [255, 255, 255] | The RGB colors for the color of the gradient                                           |
+| gradientWidth | String or Number                   | 200             | What portion of the container edges should be taken by the gradient overlay            |
+| pauseOnHover  | Boolean                            | false           | Whether to pause the marquee on hover                                                  |
+| pauseOnClick  | Boolean                            | false           | Whether to pause the marquee when you hold the right click button                      |
+| clone         | Boolean                            | false           | Whether to clone the content if you want no empty spaces in the animation              |
+| options       | Object                             | { }             | An object that you can also pass all of the above props in for a cleaner template      |
 
 [![forthebadge](https://forthebadge.com/images/badges/made-with-vue.svg)](https://forthebadge.com) [![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)

babel.config.js

@@ -1,7 +1,7 @@
-const devPresets = ['@vue/babel-preset-app'];
+const devPresets = ["@vue/babel-preset-app"];
 const buildPresets = [
   [
-    '@babel/preset-env',
+    "@babel/preset-env",
     // Config for @babel/preset-env
     {
       // Example: Always transpile optional chaining/nullish coalescing
@@ -12,5 +12,5 @@ const buildPresets = [
   ],
 ];
 module.exports = {
-  presets: (process.env.NODE_ENV === 'development' ? devPresets : buildPresets),
+  presets: process.env.NODE_ENV === "development" ? devPresets : buildPresets,
 };