Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement Raw Mode Rendering in VueTechsLogos #9

Merged
merged 5 commits into from
Oct 25, 2024
Merged

Conversation

lucasferreiralimax
Copy link
Member

@lucasferreiralimax lucasferreiralimax commented Oct 25, 2024

This PR introduces a new raw rendering mode for the VueTechsLogos component. The raw mode allows for the direct rendering of tech icons without accompanying labels or additional formatting. This enhancement improves the component's versatility for different presentation needs.

Changes Made:

  • New Prop: Added the raw prop to the VueTechsLogos component to control the rendering behavior.
  • Conditional Rendering: Updated the component to render only the tech icons when raw is set to true.
  • Simplified Logic: Refactored the existing logic to prevent redundant calls to the getTech function and streamline the rendering process.
  • Graceful Handling: Implemented handling for cases where the specified tech does not exist, ensuring no errors are thrown.

Usage Examples:

Here are examples of how to use the VueTechsLogos component in raw mode:

// Render the JavaScript tech logo in raw mode
<VueTechsLogos name="javascript" raw />

// Render all tech logos in raw mode
<VueTechsLogos :raw="true" />

Impact:

This enhancement allows developers to utilize the VueTechsLogos component in a more flexible manner, enabling the direct display of tech icons when needed without additional visual elements. It is particularly useful in scenarios where minimalistic icon representation is required.

@lucasferreiralimax lucasferreiralimax self-assigned this Oct 25, 2024
@lucasferreiralimax lucasferreiralimax linked an issue Oct 25, 2024 that may be closed by this pull request
@lucasferreiralimax lucasferreiralimax merged commit e554154 into main Oct 25, 2024
1 check failed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request hacktoberfest
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Implement Raw Mode Rendering for VueTechsLogos
1 participant