Page 1 of 2

Setup Freya with webpack ( Laravel Mix)

Posted: 19 Jun 2021, 23:11
by vivastate
Good day,
I just purchase this team i am trying to set it up on Laravel/Vue project

I tried compiling sass/theme/_theme_light.scss i get the error

i get undefined variable $primeColor

please any heads up which scss to compile and i want to change the primary color to teal then compile with webpack

Re: Setup Freya with webpack ( Laravel Mix)

Posted: 21 Jun 2021, 09:01
by tugce.kucukoglu
Hi,

Did you add the layout-*.scss files or the paths of these files is correct?

Best,

Re: Setup Freya with webpack ( Laravel Mix)

Posted: 23 Jun 2021, 13:32
by vivastate
Thanks sorted

Re: Setup Freya with webpack ( Laravel Mix)

Posted: 23 Jun 2021, 15:36
by tugce.kucukoglu
Thanks for the feedback.

Re: Setup Freya with webpack ( Laravel Mix)

Posted: 24 Jun 2021, 21:52
by vivastate
Hello again,
Please little help here, i am trying to figure out this error i am getting

Code: Select all

Uncaught (in promise) TypeError: Cannot read property 'created' of undefined
    at invokeDirectiveHook (app.js?id=15f03f938671c097c160:10965)
    at mountElement (app.js?id=15f03f938671c097c160:11791)
    at processElement (app.js?id=15f03f938671c097c160:11769)
    at patch (app.js?id=15f03f938671c097c160:11689)
    at componentEffect (app.js?id=15f03f938671c097c160:12214)
    at reactiveEffect (app.js?id=15f03f938671c097c160:6078)
    at effect (app.js?id=15f03f938671c097c160:6053)
    at setupRenderEffect (app.js?id=15f03f938671c097c160:12160)
    at mountComponent (app.js?id=15f03f938671c097c160:12119)
    at processComponent (app.js?id=15f03f938671c097c160:12077)
This happens when i import AppSubmenu from the theme, please any heads up where to troubleshoot i will appreciate.
I am loving the theme so far, thanks for the good work

Re: Setup Freya with webpack ( Laravel Mix)

Posted: 25 Jun 2021, 09:13
by tugce.kucukoglu
Hi,

Did you add AppWrapper.vue and AppMenu.vue files and import the AppWrapper.vue in main.js?

Re: Setup Freya with webpack ( Laravel Mix)

Posted: 26 Jun 2021, 19:31
by vivastate
I have checked i imported everything except router ,
I think the issue can be with vue-router, i don't use vue router and reading the docs status it uses MenuModel API which requires vue-router
Can that be the problem?

Re: Setup Freya with webpack ( Laravel Mix)

Posted: 28 Jun 2021, 08:36
by tugce.kucukoglu
Hi,

Yes, we used the PrimeVue MenuModel while designing Freya and for MenuModel, Vue-Router is a dependency.

If you won't use Vue-Router in your project, you could consider rewrite your own menu without router.

Best,

Re: Setup Freya with webpack ( Laravel Mix)

Posted: 28 Jun 2021, 08:46
by vivastate
Great thanks for your reply i appreciate i can do that

There is one more thing i added all styles but for some reason components styles are missing

screen shot https://prnt.sc/178h2j0

I don't know if there are some extra steps to get components style compiled in Laravel Mix, everything works well with vue cli


I don't know which styles i missed

Please any heads up

Thanks alot

Re: Setup Freya with webpack ( Laravel Mix)

Posted: 28 Jun 2021, 20:40
by vivastate
I got it sorted thanks for you help