variatehq / variate-vue Goto Github PK

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

As a marketer, I want to avoid the UI of my application to break due to an exception that occurs during reporting.

Describe the solution you'd like

Catch (and describe) any reporting exceptions without letting them affect how a page is rendered to the user.

Describe alternatives you've considered

Only allow the exception to occur when debug: true.

Additional context

Feature

Rename mapAttributes to mapVariables

Feature

As a developer, I would like to be able to set default values for a property and allow Variate to override them only if the user is qualified into a live experiment.

Ideal solution

I want my component to use the default headline below unless something else is passed from Variate:

...mapAttributes({
            headline: 'Default Headline',
            showGetStartedButton: false
        }),

Alternatives (optional)

This seems to work currently, but not great:
<h1>{{ headline || 'My default headline' }}</h1>

Additional context (optional)

Description

For some reason, when I target my component features (also tried Features) I cannot get the variation attributes to be passed to the component in question.

How To Reproduce

1. Config: https://github.com/alhankeser/variate-vue-demo-issues/blob/bug/target-component/variate.json#L117
2. Features.vue: https://github.com/alhankeser/variate-vue-demo-issues/blob/bug/target-component/src/views/Features.vue#L59
3. Navigate to /features and the default headline will always show even though I have qualified into a variation.

Expected behavior

I expected to see one of my variation headlines instead of the default headline.

Screenshots

If applicable, add screenshots to help explain your problem.

Platform

Desktop (please complete the following information):**

• OS: macOS 10.14.5
• Browser: Chrome
• Version: 78.0.3904.97

Additional context

Add any other context about the problem here.

Feature

Consider the ability the add Variate to a project using Vue CLI UI.

https://cli.vuejs.org/dev-guide/plugin-dev.html#getting-started