add vue-meta for meta tags and head stuff.

Better UX if the header logo points to the start page, and resets settings

Today, 26-th of may, 2018, npm-stats.org seems to be not showing charts anymore.
There are no errors in console and charts are not showing up (at least in Chrome and Opera - both mobile and desktop).

Tested with a bunch of Vue packages, including:

• vue-meta
• vue-simple-suggest
• vue
• vuex

@apertureless, can you confirm this?

Actual behaviour

You are at / page and type in the package name. A v-if condition renders the chart on the current page.

Wanted behavior

If you type in the package name the the charts are loaded without page reload but the package name gets pushed to the url. So you can share the link.

npm-stats.org/#/vue-chartjs
npm-stats.org/#/vue

Large numbers on the Y axis should be formatted and shortened.
30000 = 30k

Right now the time range is set to last-month as a default.
Additionally a settings page is needed to set start and end period.

I guess it would be a good idea to refactor npm-stats to nuxtjs to utilize ssr

Right now, after changing the date in the settings, you need to press the find button.
Would be better to fetch the data directly on change of the start date, if the packageName is set. As the end date default it set to the current date.

Sorry to ask this here but I couldn't find any solution for my issue.

I'm trying to use a similar approach to your project where labels and datasets are defined in a child component with binds to props in the parent component but I'm not getting any results.

"Vue.js devtools" add-on shows that props contain data passed in the parent component however the initial console log show empty arrays:

loadData init
Array []
Array []

So due to the fact that "Chart.js does not provide a live update if you change the datasets" I tried reactiveProp mixin which throws the error below, most likely because I'm updating only a single dataset:

Error in callback for watcher "chartData": "TypeError: newData.datasets is undefined"

Questions:

1. How the charts in your project are updated if initially, bound arrays are empty and I don't see any related mixin or watcher?

2. How to use vue-chartjs mixins to provide live updates in this case? I want to keep all the options and config in the chart component and just update the labels and datatsets.

This is my example in a codesandbox.

Btw, this works with computed properties but not with data/methods for some reason.

Thanks for this great software!

It would be great if there is a feature that counts the number of package downloads cumulatively.

I would like to see the overall download count trend for the package.

Thank you again for providing great features and pretty http://npm-stats.org/.

Social Sharing & SEO

💡 Idea

It would be cool if you could share the current statistics page on social media. With a screenshot of the chart.

⚡ Services

• Twitter
• Facebook
• ?

🔖 Information

• Page url http://npm-stats.org/#/<package-name
• Screenshot of the first chart
• Google Rich Snippets
• Google Structured Data
• Twitter Cards Could be used from here

Preview