🚀 Feature Request

Is your feature request related to a problem? Please describe.

• NON CODE CONTRIBUTION

Describe the solution you'd like

• Hacktober 2022 allows to contribute with non code issues. Feel free to write a social media post or blog post. Link your posting in the comment section of this issue.

Describe alternatives you've considered

Additional context

🐞 Bug Report

Describe the bug

• When you hover the text after the chackbox, the mouse switch to pointer, but there is nothing clickable.

Is this a regression?

To Reproduce

1. open options
2. mouseover text
3. the mousecursor change to pointer

Expected behaviour

• Make the text clickable to check the box false and true OR disable the mouseover

Media prove

Your environment

• OS:
• Node version:
• Npm version:
• Browser name and version:

Additional context

🚀 Feature Request

Is your feature request related to a problem? Please describe.

• Request

Describe the solution you'd like

• Write one or more automated tests to check the component

Describe alternatives you've considered

Additional context

🚀 Feature Request

Is your feature request related to a problem? Please describe.

• Enhancement

Describe the solution you'd like

• Outsoruce the footer into a Singel File Component. Watchout! Slot couldt be passed sometimes and the Button Functions are needed. Filename: FooterSection.vue

Describe alternatives you've considered

Additional context

🐞 Bug Report

Describe the bug

• Check the vue warning in console and fix them

Is this a regression?

To Reproduce

1. Open Console
2. Click Accept
3. Check console

Expected behaviour

• No warnings

Media prove

Your environment

• OS:
• Node version:
• Npm version:
• Browser name and version:

Additional context

In order for beginners in the field of OpenSource to enjoy working together, we need a good written Readme.

Please look at some good examples on the internet and provide something appropriate.

Thanks a lot

In order for the user to be able to set the colors individually, colors must be passed as prop to the componenten and used.

Like this

  <CookieModal
    v-show="isModalVisible"
    @close="closeModal"
    @decline="setCookies"
    @accept="setCookies"
    ---> fontcolor="#FF00FF" <---
  >

In order for beginners in the field of OpenSource to enjoy working together, we need a Issue template.

Please look at some good examples on the internet and provide something appropriate.

Thanks a lot

🐞 Bug Report

Describe the bug

• If you click on options, the width increase a lot.

Is this a regression?

To Reproduce

1. watch banner width
2. click options
3. see new banner width

Expected behaviour

• The Banner should have the same width in any state.

Media prove

Your environment

• OS:
• Node version:
• Npm version:
• Browser name and version:

Additional context

🚀 Feature Request

Is your feature request related to a problem? Please describe.

• Request Support

Describe the solution you'd like

• Check if the NPM package works and change or add the appropriate files if necessary.
• npm i vue-cookie-consent-banner
• https://www.npmjs.com/package/vue-cookie-consent-banner

Feel free to write further hints in this ticket.

Describe alternatives you've considered

Additional context

🚀 Feature Request

Is your feature request related to a problem? Please describe.

• Request

Describe the solution you'd like

• Please add a github pages template in a new folder /docs to get a project website

Describe alternatives you've considered

Additional context

Code a subtext for each checkbox to describe the individual cookie in detail.

🚀 Feature Request

Is your feature request related to a problem? Please describe.

• Enhancement

Describe the solution you'd like

• Outsource the
  into a single file component. Filename: OptionSection.vue

Describe alternatives you've considered

Additional context

🚀 Feature Request

Is your feature request related to a problem? Please describe.

• Request

Describe the solution you'd like

• Write a Button Single File Component to upgrade the readability

Describe alternatives you've considered

Additional context

🚀 Feature Request

Is your feature request related to a problem? Please describe.

• When you click at options the checkboxes appear using v-if. Please add a smooth opening and closing transition.

Describe the solution you'd like

• click at options
• Checkboxes appear with a smooth animation.

Describe alternatives you've considered

Additional context

🚀 Feature Request

Is your feature request related to a problem? Please describe.

• Enhancement

Describe the solution you'd like

• Add needed HTML Code to be Screen Reader ready.

Describe alternatives you've considered

Additional context

In order for beginners in the field of OpenSource to enjoy working together, we need a explanation how to contribute.

Please look at some good examples on the internet and provide something appropriate.

Thanks a lot

Instead of using the letter X, use a SVG of an X.

maybe this one: https://fontawesome.com/icons/x?s=solid&f=classic

feel free to use good looking other

In order for beginners in the field of OpenSource to enjoy working together, we need a Pull Request template.

Please look at some good examples on the internet and provide something appropriate.

Thanks a lot

🐞 Bug Report

Describe the bug

The page is having a scroll bar with its minimum height set.
This is due to the margin-top set on the main element.

Is this a regression?

To Reproduce

1. Open the main page
2. Accept / Decline the cookies
3. You will see the vertical scroll on the page

Expected behaviour

The page should not have a vertical scroll unless the content overflows the window height.

Media prove

Your environment

• OS: Windows 11
• Browser name and version: Chrome - 106.0.5249.62

The Roadmap for Version 1 at NPM.

• #48
• #47
• #46
• #39
• #34
• #31
• #28
• #26
• #20
• #4

After completing this tasks, the version 1 going to be released.

Thanks to:
@YasiOnFire
@savioxavier
@nabeel001
@logic-404
@Rohan-Hazari
@vivek0033
@superiorsd10
@thisiskaransgit
@Adnan-Sait
@eemike07
@VividhPandey003
@alexjharrison
@ashishlamsal
@thenishantsapkota

Happy to see you again working on this repo <3

🚀 Feature Request

Is your feature request related to a problem? Please describe.

• todo

Describe the solution you'd like

• Publish the package at npm

Describe alternatives you've considered

Additional context

🚀 Feature Request

Is your feature request related to a problem? Please describe.

• Request

Describe the solution you'd like

• Please add Media queries for good looking mobile view. If opened at small screens center the modal vertical and horizontal. may you need to change the height and width for a good looking component.

Describe alternatives you've considered

Additional context

🚀 Feature Request

Is your feature request related to a problem? Please describe.

• Request

Describe the solution you'd like

• Please increaste the font size of the title to the same size of the X to close the modal. You can try to add more size than the X, if its looks good.

Describe alternatives you've considered

Additional context

Save the user's selection as a real cookie in the browser.
The cookies should not have an expiration date.

Make sure that the selection is not requested again when reloading the page.

🐞 Bug Report

Describe the bug

• The Title "Cookie Consent" is not on the same level with the closing X.

Is this a regression?

To Reproduce

Expected behaviour

• Center them horizontal

Media prove

Your environment

• OS:
• Node version:
• Npm version:
• Browser name and version:

Additional context

As long as no cookie is selected, the visitor should not be able to scroll the content of the website.

CODE OF CONDUCT markdown states the code of conduct rules for hacktoberfest 22 and open source contributions

🚀 Feature Request

Is your feature request related to a problem? Please describe.

• Request

Describe the solution you'd like

• Update the Readme. How to use https://www.npmjs.com/package/vue-cookie-consent-banner

Describe alternatives you've considered

Additional context