Translate Laravel Spark plan features

0

I was wondering what would be the best way to display my Spark plan features in multiple different languages.

Let's say I have the followings features

Spark::plan('Premium', 'monthly-artist-premium')

        ->price(10)

        ->trialDays(14)

        ->features([

            'Online profile', 'Access To More Features',

        ]);

I thought about doing something like this using Laravel's translation tool and the translation keys

Spark::plan('Premium', 'monthly-premium')

        ->price(10)

        ->trialDays(14)

        ->features([

            'base.Online_profile', 'base.Access_to_more_features',

        ]);

And then when rendering the plans using Vue I would do something like this, but it's not translating.

<li class='pricing-feature' v-for="feature in plan.features">

    @lang('@{{ feature }}')

</li>

Any idea how I could implement this to handle multiple languages?

vue.js laravel-blade laravel-spark laravel-localization

share|improve this question

asked Nov 21 '18 at 22:58

Sam BelleroseSam Bellerose

1,12021031

add a comment | 

0

I was wondering what would be the best way to display my Spark plan features in multiple different languages.

Let's say I have the followings features

Spark::plan('Premium', 'monthly-artist-premium')

        ->price(10)

        ->trialDays(14)

        ->features([

            'Online profile', 'Access To More Features',

        ]);

I thought about doing something like this using Laravel's translation tool and the translation keys

Spark::plan('Premium', 'monthly-premium')

        ->price(10)

        ->trialDays(14)

        ->features([

            'base.Online_profile', 'base.Access_to_more_features',

        ]);

And then when rendering the plans using Vue I would do something like this, but it's not translating.

<li class='pricing-feature' v-for="feature in plan.features">

    @lang('@{{ feature }}')

</li>

Any idea how I could implement this to handle multiple languages?

vue.js laravel-blade laravel-spark laravel-localization

share|improve this question

asked Nov 21 '18 at 22:58

Sam BelleroseSam Bellerose

1,12021031

add a comment | 

0

0

0

I was wondering what would be the best way to display my Spark plan features in multiple different languages.

Let's say I have the followings features

Spark::plan('Premium', 'monthly-artist-premium')

        ->price(10)

        ->trialDays(14)

        ->features([

            'Online profile', 'Access To More Features',

        ]);

I thought about doing something like this using Laravel's translation tool and the translation keys

Spark::plan('Premium', 'monthly-premium')

        ->price(10)

        ->trialDays(14)

        ->features([

            'base.Online_profile', 'base.Access_to_more_features',

        ]);

And then when rendering the plans using Vue I would do something like this, but it's not translating.

<li class='pricing-feature' v-for="feature in plan.features">

    @lang('@{{ feature }}')

</li>

Any idea how I could implement this to handle multiple languages?

vue.js laravel-blade laravel-spark laravel-localization

share|improve this question

asked Nov 21 '18 at 22:58

Sam BelleroseSam Bellerose

1,12021031

I was wondering what would be the best way to display my Spark plan features in multiple different languages.

Let's say I have the followings features

Spark::plan('Premium', 'monthly-artist-premium')

        ->price(10)

        ->trialDays(14)

        ->features([

            'Online profile', 'Access To More Features',

        ]);

I thought about doing something like this using Laravel's translation tool and the translation keys

Spark::plan('Premium', 'monthly-premium')

        ->price(10)

        ->trialDays(14)

        ->features([

            'base.Online_profile', 'base.Access_to_more_features',

        ]);

And then when rendering the plans using Vue I would do something like this, but it's not translating.

<li class='pricing-feature' v-for="feature in plan.features">

    @lang('@{{ feature }}')

</li>

Any idea how I could implement this to handle multiple languages?

vue.js laravel-blade laravel-spark laravel-localization

vue.js laravel-blade laravel-spark laravel-localization

share|improve this question

asked Nov 21 '18 at 22:58

Sam BelleroseSam Bellerose

1,12021031

share|improve this question

asked Nov 21 '18 at 22:58

Sam BelleroseSam Bellerose

1,12021031

share|improve this question

share|improve this question

asked Nov 21 '18 at 22:58

Sam BelleroseSam Bellerose

1,12021031

asked Nov 21 '18 at 22:58

Sam BelleroseSam Bellerose

1,12021031

asked Nov 21 '18 at 22:58

Sam BelleroseSam Bellerose

1,12021031

1,12021031

add a comment | 

add a comment | 

2 Answers
2

active

oldest

votes

0

Not the best solution, but here's what I ended up doing:

Spark::freePlan('Basic')

        ->features([

            'free_plan'

]);

Then when showing the plans in register-common.blade.php

I did something like this with the v-if conditions for each different plans

<ul v-if="plan.features[0] === 'free_plan'" class='pricing-feature-list'>

    <li class="pricing-feature">

        @lang('base.Online_profile')

    </li>

</ul>

share|improve this answer

answered Nov 29 '18 at 23:49

Sam BelleroseSam Bellerose

1,12021031

add a comment | 

0

On Laravel Spark 7.0, I've managed to translate the Feature List by:

1. Appending the translated keys to the language .json files.


2. On the SparkServiceProvider::booted() method using those keys for the feature list.


3. 
   

   On resources/views/vendor/spark/modals/plan-details.blade.php and spark/resources/views/modals/plan-details.blade.php

   
   
   

   <!-- Modal Body -->
   
   <div class="modal-body">
   
       <ul class="plan-feature-list p-0 m-0">
   
           <li v-for="feature in detailingPlan.features">
   
               @{{ feature }}
   
           </li>
   
       </ul>
   
   </div>
   
   

   
   

Change to:

    <!-- Modal Body -->

    <div class="modal-body">

        <ul class="plan-feature-list p-0 m-0">

            <li v-for="feature in detailingPlan.features">

                @{{ __(feature) }}

            </li>

        </ul>

    </div>

share|improve this answer

answered Feb 2 at 8:38

Moises JafetMoises Jafet

12

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});

Thanks for contributing an answer to Stack Overflow!

• Please be sure to answer the question. Provide details and share your research!

But avoid …

• Asking for help, clarification, or responding to other answers.


• Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53421629%2ftranslate-laravel-spark-plan-features%23new-answer', 'question_page');
}
);

Post as a guest

Name

Email

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

active

oldest

votes

active

oldest

votes

0

Not the best solution, but here's what I ended up doing:

Spark::freePlan('Basic')

        ->features([

            'free_plan'

]);

Then when showing the plans in register-common.blade.php

I did something like this with the v-if conditions for each different plans

<ul v-if="plan.features[0] === 'free_plan'" class='pricing-feature-list'>

    <li class="pricing-feature">

        @lang('base.Online_profile')

    </li>

</ul>

share|improve this answer

answered Nov 29 '18 at 23:49

Sam BelleroseSam Bellerose

1,12021031

add a comment | 

0

Not the best solution, but here's what I ended up doing:

Spark::freePlan('Basic')

        ->features([

            'free_plan'

]);

Then when showing the plans in register-common.blade.php

I did something like this with the v-if conditions for each different plans

<ul v-if="plan.features[0] === 'free_plan'" class='pricing-feature-list'>

    <li class="pricing-feature">

        @lang('base.Online_profile')

    </li>

</ul>

share|improve this answer

answered Nov 29 '18 at 23:49

Sam BelleroseSam Bellerose

1,12021031

add a comment | 

0

0

0

Not the best solution, but here's what I ended up doing:

Spark::freePlan('Basic')

        ->features([

            'free_plan'

]);

Then when showing the plans in register-common.blade.php

I did something like this with the v-if conditions for each different plans

<ul v-if="plan.features[0] === 'free_plan'" class='pricing-feature-list'>

    <li class="pricing-feature">

        @lang('base.Online_profile')

    </li>

</ul>

share|improve this answer

answered Nov 29 '18 at 23:49

Sam BelleroseSam Bellerose

1,12021031

Not the best solution, but here's what I ended up doing:

Spark::freePlan('Basic')

        ->features([

            'free_plan'

]);

Then when showing the plans in register-common.blade.php

I did something like this with the v-if conditions for each different plans

<ul v-if="plan.features[0] === 'free_plan'" class='pricing-feature-list'>

    <li class="pricing-feature">

        @lang('base.Online_profile')

    </li>

</ul>

share|improve this answer

answered Nov 29 '18 at 23:49

Sam BelleroseSam Bellerose

1,12021031

share|improve this answer

share|improve this answer

answered Nov 29 '18 at 23:49

Sam BelleroseSam Bellerose

1,12021031

answered Nov 29 '18 at 23:49

Sam BelleroseSam Bellerose

1,12021031

answered Nov 29 '18 at 23:49

Sam BelleroseSam Bellerose

1,12021031

1,12021031

add a comment | 

add a comment | 

0

On Laravel Spark 7.0, I've managed to translate the Feature List by:

1. Appending the translated keys to the language .json files.


2. On the SparkServiceProvider::booted() method using those keys for the feature list.


3. 
   

   On resources/views/vendor/spark/modals/plan-details.blade.php and spark/resources/views/modals/plan-details.blade.php

   
   
   

   <!-- Modal Body -->
   
   <div class="modal-body">
   
       <ul class="plan-feature-list p-0 m-0">
   
           <li v-for="feature in detailingPlan.features">
   
               @{{ feature }}
   
           </li>
   
       </ul>
   
   </div>
   
   

   
   

Change to:

    <!-- Modal Body -->

    <div class="modal-body">

        <ul class="plan-feature-list p-0 m-0">

            <li v-for="feature in detailingPlan.features">

                @{{ __(feature) }}

            </li>

        </ul>

    </div>

share|improve this answer

answered Feb 2 at 8:38

Moises JafetMoises Jafet

12

add a comment | 

0

On Laravel Spark 7.0, I've managed to translate the Feature List by:

1. Appending the translated keys to the language .json files.


2. On the SparkServiceProvider::booted() method using those keys for the feature list.


3. 
   

   On resources/views/vendor/spark/modals/plan-details.blade.php and spark/resources/views/modals/plan-details.blade.php

   
   
   

   <!-- Modal Body -->
   
   <div class="modal-body">
   
       <ul class="plan-feature-list p-0 m-0">
   
           <li v-for="feature in detailingPlan.features">
   
               @{{ feature }}
   
           </li>
   
       </ul>
   
   </div>
   
   

   
   

Change to:

    <!-- Modal Body -->

    <div class="modal-body">

        <ul class="plan-feature-list p-0 m-0">

            <li v-for="feature in detailingPlan.features">

                @{{ __(feature) }}

            </li>

        </ul>

    </div>

share|improve this answer

answered Feb 2 at 8:38

Moises JafetMoises Jafet

12

add a comment | 

0

0

0

On Laravel Spark 7.0, I've managed to translate the Feature List by:

1. Appending the translated keys to the language .json files.


2. On the SparkServiceProvider::booted() method using those keys for the feature list.


3. 
   

   On resources/views/vendor/spark/modals/plan-details.blade.php and spark/resources/views/modals/plan-details.blade.php

   
   
   

   <!-- Modal Body -->
   
   <div class="modal-body">
   
       <ul class="plan-feature-list p-0 m-0">
   
           <li v-for="feature in detailingPlan.features">
   
               @{{ feature }}
   
           </li>
   
       </ul>
   
   </div>
   
   

   
   

Change to:

    <!-- Modal Body -->

    <div class="modal-body">

        <ul class="plan-feature-list p-0 m-0">

            <li v-for="feature in detailingPlan.features">

                @{{ __(feature) }}

            </li>

        </ul>

    </div>

share|improve this answer

answered Feb 2 at 8:38

Moises JafetMoises Jafet

12

On Laravel Spark 7.0, I've managed to translate the Feature List by:

1. Appending the translated keys to the language .json files.


2. On the SparkServiceProvider::booted() method using those keys for the feature list.


3. 
   

   On resources/views/vendor/spark/modals/plan-details.blade.php and spark/resources/views/modals/plan-details.blade.php

   
   
   

   <!-- Modal Body -->
   
   <div class="modal-body">
   
       <ul class="plan-feature-list p-0 m-0">
   
           <li v-for="feature in detailingPlan.features">
   
               @{{ feature }}
   
           </li>
   
       </ul>
   
   </div>
   
   

   
   

Change to:

    <!-- Modal Body -->

    <div class="modal-body">

        <ul class="plan-feature-list p-0 m-0">

            <li v-for="feature in detailingPlan.features">

                @{{ __(feature) }}

            </li>

        </ul>

    </div>

share|improve this answer

answered Feb 2 at 8:38

Moises JafetMoises Jafet

12

share|improve this answer

share|improve this answer

answered Feb 2 at 8:38

Moises JafetMoises Jafet

12

answered Feb 2 at 8:38

Moises JafetMoises Jafet

12

answered Feb 2 at 8:38

Moises JafetMoises Jafet

12

12

add a comment | 

add a comment | 

Thanks for contributing an answer to Stack Overflow!

• Please be sure to answer the question. Provide details and share your research!

But avoid …

• Asking for help, clarification, or responding to other answers.


• Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

• Please be sure to answer the question. Provide details and share your research!

But avoid …

• Asking for help, clarification, or responding to other answers.


• Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53421629%2ftranslate-laravel-spark-plan-features%23new-answer', 'question_page');
}
);

Post as a guest

Name

Email

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

Name

Name

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

Name

Name

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

Email

Required, but never shown

This page is only for reference, If you need detailed information, please check here