feat: added project logo (#147)

* feat: added project logo

* reduce logo size

* fix vuepress icons

* added logo on remaining readme

docs/.vuepress/config.js

@@ -24,77 +24,12 @@ module.exports = {
       "meta",
       { name: "viewport", content: "width=device-width, initial-scale=1" }
     ],
-    ["meta", { property: "og:image", content: "" }],
+    ["meta", { property: "og:image", content: "/img/favicon-32x32.png" }],
     [
       "link",
       {
         rel: "apple-touch-icon",
-        sizes: "57x57",
-        href: "/img/apple-icon-57x57.png"
-      }
-    ],
-    [
-      "link",
-      {
-        rel: "apple-touch-icon",
-        sizes: "60x60",
-        href: "/img/apple-icon-60x60.png"
-      }
-    ],
-    [
-      "link",
-      {
-        rel: "apple-touch-icon",
-        sizes: "72x72",
-        href: "/img/apple-icon-72x72.png"
-      }
-    ],
-    [
-      "link",
-      {
-        rel: "apple-touch-icon",
-        sizes: "76x76",
-        href: "/img/apple-icon-76x76.png"
-      }
-    ],
-    [
-      "link",
-      {
-        rel: "apple-touch-icon",
-        sizes: "114x114",
-        href: "/img/apple-icon-114x114.png"
-      }
-    ],
-    [
-      "link",
-      {
-        rel: "apple-touch-icon",
-        sizes: "120x120",
-        href: "/img/apple-icon-120x120.png"
-      }
-    ],
-    [
-      "link",
-      {
-        rel: "apple-touch-icon",
-        sizes: "144x144",
-        href: "/img/apple-icon-144x144.png"
-      }
-    ],
-    [
-      "link",
-      {
-        rel: "apple-touch-icon",
-        sizes: "152x152",
-        href: "/img/apple-icon-152x152.png"
-      }
-    ],
-    [
-      "link",
-      {
-        rel: "apple-touch-icon",
-        sizes: "180x180",
-        href: "/img/apple-icon-180x180.png"
+        href: "/img/apple-touch-icon.png"
       }
     ],
     [
@@ -115,15 +50,6 @@ module.exports = {
         href: "/img/favicon-32x32.png"
       }
     ],
-    [
-      "link",
-      {
-        rel: "icon",
-        type: "image/png",
-        sizes: "96x96",
-        href: "/img/favicon-96x96.png"
-      }
-    ],
     [
       "link",
       {
@@ -144,6 +70,7 @@ module.exports = {
   themeConfig: {
     repo: "pikax/vue-composable",
     docsRepo: "pikax/vue-composable",
+    logo: "/assets/logo.svg",
     docsDir: "docs",
     editLinks: true,
     sidebarDepth: 2,

docs/README.md

@@ -2,7 +2,7 @@
 title: vue-composable
 lang: en-US
 home: true
-# heroImage:
+heroImage: /assets/logo.svg
 actionText: Get Started →
 actionLink: ./composable/
 features:

packages/axios/README.md

@@ -3,6 +3,13 @@
 [![npm version](https://badge.fury.io/js/%40vue-composable%2Faxios.svg)](https://badge.fury.io/js/%40vue-composable%2Faxios)
 [![bundle size](https://badgen.net/bundlephobia/minzip/@vue-composable/axios)](https://bundlephobia.com/result?p=@vue-composable/axios)
 
+<p align="center">
+  <br>
+  <img width="250" src="./logo.svg" alt="logo of vue-composable">
+  <br>
+  <br>
+</p>
+
 # vue-next
 
 > For [vue-next](https://github.com/vuejs/vue-next) support please check [@next](https://www.npmjs.com/package/@vue-composable/axios/v/next)

packages/core/README.md

@@ -3,6 +3,13 @@
 [![npm version](https://badge.fury.io/js/%40vue-composable%2Fcore.svg)](https://badge.fury.io/js/%40vue-composable%2Fcore)
 [![bundle size](https://badgen.net/bundlephobia/minzip/@vue-composable/core)](https://bundlephobia.com/result?p=@vue-composable/core)
 
+<p align="center">
+  <br>
+  <img width="250" src="./logo.svg" alt="logo of vue-composable">
+  <br>
+  <br>
+</p>
+
 This package contains core functionality for [vue-composable][vue-composable]
 
 # vue-next

packages/vue-composable/README.md

@@ -5,6 +5,13 @@
 [![npm version](https://badge.fury.io/js/vue-composable.svg)](https://badge.fury.io/js/vue-composable)
 [![bundle size](https://badgen.net/bundlephobia/minzip/vue-composable)](https://bundlephobia.com/result?p=vue-composable)
 
+<p align="center">
+  <br>
+  <img width="250" src="./logo.svg" alt="logo of vue-composable">
+  <br>
+  <br>
+</p>
+
 # vue-next
 
 > For [vue-next](https://github.com/vuejs/vue-next) support please check [@next](https://www.npmjs.com/package/vue-composable/v/next)

packages/web/README.md

@@ -3,6 +3,13 @@
 [![npm version](https://badge.fury.io/js/%40vue-composable%2Fweb.svg)](https://badge.fury.io/js/%40vue-composable%2Fweb)
 [![bundle size](https://badgen.net/bundlephobia/minzip/@vue-composable/web)](https://bundlephobia.com/result?p=@vue-composable/web)
 
+<p align="center">
+  <br>
+  <img width="250" src="./logo.svg" alt="logo of vue-composable">
+  <br>
+  <br>
+</p>
+
 This package contains [Web API](https://developer.mozilla.org/en-US/docs/Web/Reference/API)
 
 # vue-next

readme.md

@@ -5,6 +5,13 @@
 [![npm version](https://badge.fury.io/js/vue-composable.svg)](https://badge.fury.io/js/vue-composable)
 [![bundle size](https://badgen.net/bundlephobia/minzip/vue-composable)](https://bundlephobia.com/result?p=vue-composable)
 
+<p align="center">
+  <br>
+  <img width="250" src="./logo.svg" alt="logo of vue-composable">
+  <br>
+  <br>
+</p>
+
 ## Introduction
 
 `vue-composable` is out-of-box ready to use [composition-api](https://github.com/vuejs/composition-api) generic components.