Live chart issues

[pixelomo]

@9kmmr thanks for your work on live charts, I have merged the code.

There are several issues remaining with the charts that I found while testing:

• 1/5/10/30 mins all look like the same range
• If I’m on All and click on 1/5/10 the chart range doesn’t change (first issue is related to this)
• sometimes new chart points are drawn below the bottom of chart and the chart becomes distorted
• If I go to /crypto/bitcoin, select 1 min range, wait for new points to update chart, then go back to home I see this error: Cannot read property '0' of undefined
• Y range on dogecoin is incorrect when All is selected, dogecoin all time high was around $0.68, the Y range and data shows $0.33, changing to other timespans the correct scale is shown.

[pixelomo]

Another minor thing for future reference, as I commented on the PR, please keep class names inline following the current format, on crypto/_symbol the classes should be declared like this: <div class="container d-flex justify-content-around w-50 pt-5 vh-100 text-center">

not like this:

        <div
            class="
                container
                d-flex
                justify-content-around
                w-50
                pt-5
                vh-100
                text-center
            "
        >

[pixelomo]

@9kmmr I have found a number of new issues with the latest code

Testing 1/5/10/30 minutes the chart doesn't update and I see an error GET https://api.thedice.com/api/1m/BTCUSD/1 net::ERR_CERT_DATE_INVALID

Why are you calling the thedice.com/api ?

On Ethereum 3M/6M/1Y all show the same chart

On Currencies, only YTD range is shown on all options, similar issue on Commodities

There is a repeated error in the console from failed prop type in the Price component, we need to update the prop type to expect integers and strings

Vue warn]: Invalid prop: type check failed for prop "price". Expected String with value "15312.63965", got Number with value 15312.63965.

---> <Price> at components/Price.vue
       <NuxtLink>
         <IndexList> at components/IndexList.vue
           <Pages/index.vue> at pages/index.vue
             <Nuxt>
               <Layouts/default.vue> at layouts/default.vue
                 <Root>