Vesrion 1.0 docs (ChartsCSS#40)

Author: ramiy

src/.vuepress/components/code-example.vue

@@ -75,7 +75,7 @@ export default {
       let data = {
         "title": "Charts.css Example",
         "tags": ["charts.css", "charts", "chart"],
-        "css_external": "https://cdn.jsdelivr.net/npm/charts.css/dist/charts.min.css",
+        "css_external": "https://cdn.jsdelivr.net/npm/charts.css@1.0.1/dist/charts.min.css",
         "editors": "110",
         "html": this.html,
         "css": this.css,

src/.vuepress/config.js

@@ -11,7 +11,7 @@ module.exports = {
   description: 'CSS data visualization framework',
 
   head: [
-    ['link', { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/npm/charts.css@0.9.0/dist/charts.min.css' }],
+    ['link', { rel: 'stylesheet', href: 'https://cdn.jsdelivr.net/npm/charts.css@1.0.1/dist/charts.min.css' }],
     ['link', { rel: 'icon', href: '/assets/img/logo.svg' }],
     ['link', { rel: 'manifest', href: '/manifest.json' }],
     ['link', { rel: 'mask-icon', href: '/assets/img/logo.svg', color: '#f57' }],
@@ -77,6 +77,7 @@ module.exports = {
           '/docs/installation',
           '/docs/usage',
           '/docs/anatomy',
+          '/docs/migrate-to-v1',
         ]
       },
       {
@@ -89,11 +90,10 @@ module.exports = {
           '/components/heading',
           '/components/data',
           '/components/datasets',
-          '/components/orientation',
           '/components/labels',
           '/components/axes',
           '/components/spacing',
-          '/components/reverse-order',
+          '/components/orientation',
           '/components/colors',
           '/components/stacked',
           '/components/tooltips',
@@ -110,8 +110,8 @@ module.exports = {
           '/charts/column',
           '/charts/area',
           '/charts/line',
-          '/charts/radial',
           '/charts/pie',
+          '/charts/radial',
           '/charts/polar',
           '/charts/radar',
           '/charts/mixed',

src/.vuepress/public/assets/img/charts-css-anatomy-1-0-0.jpg

@@ -154,7 +154,7 @@ div[class*="language-"]
 .theme-container.example-page .examples
   display grid
   grid-template-columns 1fr 1fr
-  column-gap 50px
+  gap 50px
 
 @media (max-width: 959px)
   .theme-container.example-page .examples

src/.vuepress/public/assets/pdf/charts-css-anatomy-1-0-0.pdf

@@ -17,8 +17,8 @@ Before using charts, check the **development status** in the table below. If a c
 | [Column](./column/) | <Badge type="tip" vertical="middle" text="Released" />              | `charts-css column` |
 | [Area](./area/)     | <Badge type="tip" vertical="middle" text="Released" />              | `charts-css area  ` |
 | [Line](./line/)     | <Badge type="tip" vertical="middle" text="Released" />              | `charts-css line`   |
+| [Pie](./pie/)       | <Badge type="tip" vertical="middle" text="Released" />              | `charts-css pie`    |
 | [Radial](./radial/) | <Badge type="warning" vertical="middle" text="Under Development" /> | `charts-css radial` |
-| [Pie](./pie/)       | <Badge type="warning" vertical="middle" text="Under Development" /> | `charts-css pie`    |
 | [Radar](./radar/)   | <Badge type="warning" vertical="middle" text="Under Development" /> | `charts-css radar`  |
 | [Polar](./polar/)   | <Badge type="warning" vertical="middle" text="Under Development" /> | `charts-css polar`  |