2.0.5

Full Changelog: 2.0.3...2.0.5

2.0.3

Full Changelog: 2.0.0...2.0.3

2.0.1

What's Changed

• hotfix(types): extract types
• remove css

Full Changelog: 2.0.0...2.0.1

2.0.0

Major Changes

1. Component Renaming:

   • Renamed the component from "Wheel" to "FortuneWheel" for better clarity and specificity.

2. Dependency Updates:

   • Updated all project dependencies to their latest stable versions.
   • Ensures compatibility with the latest features and security patches.

3. TypeScript Integration:

   • Improved type definitions throughout the component.
   • Added PropType for better prop validation.

4. Prop Refinements:

   • Updated modelValue prop to accept an object of type Datas.
   • Added a validator to ensure modelValue length doesn't exceed 8.
   • Introduced a new gift prop of type Number.

5. Computed Properties:

   • Implemented wheelStyle and wheelSize computed properties for dynamic sizing.

6. D3.js Integration Improvements:

   • Refined D3 method calls for better performance and readability.
   • Enhanced SVG creation and manipulation using D3 methods.

7. Component Structure:

   • Separated logic into distinct methods (e.g., createSvg, createDefs, createVis, etc.).
   • Improved organization of component lifecycle and methods.

8. Animation Enhancements:

   • Refined the spin method for smoother animation.
   • Implemented easeBackOut with overshoot for a more natural spinning effect.

9. Accessibility and Styling:

   • Added aria attributes and improved SVG structure for better accessibility.
   • Implemented dynamic font sizing based on the number of wheel segments.

Technical Details

• Utilized defineProps and defineEmits for better type inference.
• Implemented ref and computed from Vue 3 Composition API for reactive state management.
• Enhanced D3.js integration for SVG manipulation and animations.

Testing Notes

• Thoroughly test the wheel spinning functionality with various data sets.
• Verify the component's responsiveness across different screen sizes.
• Ensure accessibility features are working as expected.
• Test compatibility with updated dependencies.

Breaking changes

• Update any imports or references from "Wheel" to "FortuneWheel" in existing code.
• Review and update any code that interacts with the component to ensure compatibility with the new prop structure and types.
• There’s no need to import the CSS anymore

Issue 11

What's Changed

• issue(11): reset clicked data by @joffreyBerrier in #17

Full Changelog: 1.1.36...1.1.37

Issue 15

What's Changed

Breaking change 💀

• props data is replace by v-model

<Wheel
  :gift="gift"
  :imgParams="logo"
  @done="done"
  ref="wheel"
  v-model="data"
/>

• fix(15): fix issue by @joffreyBerrier in #16

Full Changelog: 1.1.0...1.1.36

1.1.0

What's Changed

• feat(wheel): create a basic wheel components by @joffreyBerrier in #2
• feat(img): add img on center by @joffreyBerrier in #3
• Fix/add img on center by @joffreyBerrier in #4
• feat(color): add color on data by @joffreyBerrier in #5
• feat(color): add textColor + bgColor by @joffreyBerrier in #6
• feat(build): add types + css by @joffreyBerrier in #7
• feat(v-model): remove v-model use props gift by @joffreyBerrier in #8
• feat(dependancies): upgrade dependancies + types by @joffreyBerrier in #14

New Contributors

• @joffreyBerrier made their first contribution in #2

Full Changelog: https://github.com/joffreyBerrier/vue-fortune-wheel/commits/1.1.0