How to access localStorage in filter JS files like vue-storefront/core/filters/price.js

Development Core
, ,
#1

Hello there,

We want to access user option selection from Browser in price.js filter file (vue-storefront/core/filters/price.js).
User will select desired currency from currency-dropdown & we will modify price according to selected currency.

User selection is stored in localStorage.
In price.js, using Async function for accessing “localStorage” gives response as Promise Array whose values are not usable in code, similar to issue discussed here

DeepinScreenshot_select-area_20200918201833
DeepinScreenshot_select-area_20200918201833747×149 31.8 KB

Application stops working if not using Async function.

Thanks,
Anup

#2

Hello. Could you please share with us code snippets with your changes?

#3

Hi @Fifciuu,

Thanks for the reply.
Please check attached image where line of code causing application not working highlighted in red box.

image (17)
image (17)1819×806 141 KB

Our ultimate requirement is to access user option selection from browser in price.js filter file.

Thanks,
Anup

#4

@anupwankhede What error do you get? You need to wrap this in !isServer because you can’t access localstorage on server side.

let localCurrencyRate = '1'
if (!isServer) {
  localCurrencyRate = localStorage.getItem()
}
#5

Hi @gibkigonzo,

Thanks for your advise.
It worked as desired.

Thanks a lot mate!!!

Thanks,
Anup