diff --git a/docs/package.json b/docs/package.json index 66165149..d03aff94 100644 --- a/docs/package.json +++ b/docs/package.json @@ -21,6 +21,7 @@ }, "devDependencies": { "@babel/preset-react": "^7.9.4", + "html-loader": "^1.1.0", "node-sass": "^4.13.1", "sass-loader": "^8.0.2", "style-resources-loader": "^1.3.3", diff --git a/docs/src/assets/icons/github.svg b/docs/src/assets/icons/github.svg new file mode 100644 index 00000000..60cc1475 --- /dev/null +++ b/docs/src/assets/icons/github.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/docs/src/components/Icon/index.vue b/docs/src/components/Icon/index.vue new file mode 100644 index 00000000..29836e84 --- /dev/null +++ b/docs/src/components/Icon/index.vue @@ -0,0 +1,38 @@ + + + diff --git a/docs/src/components/Icon/style.scss b/docs/src/components/Icon/style.scss new file mode 100644 index 00000000..10ab355f --- /dev/null +++ b/docs/src/components/Icon/style.scss @@ -0,0 +1,15 @@ +.icon { + display: inline-flex; + width: 1.3rem; + height: 1.3rem; + + &::v-deep > svg { + width: 100%; + height: 100%; + fill: currentColor; + + * { + fill: inherit; + } + } +} diff --git a/docs/src/layouts/App/index.vue b/docs/src/layouts/App/index.vue index 05353015..177ffc8e 100644 --- a/docs/src/layouts/App/index.vue +++ b/docs/src/layouts/App/index.vue @@ -1,35 +1,32 @@ @@ -44,10 +41,12 @@ query {