From 16399d5ba52e50b7bc300f8a7e067dacc2b3fa31 Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Sun, 28 Nov 2021 22:31:52 +0100
Subject: [PATCH] docs: update packages readme

---
 packages/vue-apollo-components/README.md | 48 ++++--------------------
 packages/vue-apollo-composable/README.md | 24 ++++++++++--
 packages/vue-apollo-option/README.md     | 48 ++++--------------------
 packages/vue-apollo-ssr/README.md        | 30 ++++++++++++++-
 4 files changed, 64 insertions(+), 86 deletions(-)

diff --git a/packages/vue-apollo-components/README.md b/packages/vue-apollo-components/README.md
index 4ad00cf..246127f 100644
--- a/packages/vue-apollo-components/README.md
+++ b/packages/vue-apollo-components/README.md
@@ -1,9 +1,9 @@
-# Apollo and GraphQL for Vue.js
+# Apollo and GraphQL for Vue.js (Components with Slots)
 
-[![npm](https://img.shields.io/npm/v/vue-apollo.svg) ![npm](https://img.shields.io/npm/dm/vue-apollo.svg)](https://www.npmjs.com/package/vue-apollo)
-[![vue1](https://img.shields.io/badge/apollo-2.x-blue.svg)](https://www.apollographql.com/)
-[![vue1](https://img.shields.io/badge/vue-1.x-brightgreen.svg) ![vue2](https://img.shields.io/badge/vue-2.2+-brightgreen.svg)](https://vuejs.org/)
-[![CircleCI branch](https://img.shields.io/circleci/project/github/vuejs/vue-apollo/dev.svg)](https://circleci.com/gh/vuejs/vue-apollo/tree/dev)
+[![npm](https://img.shields.io/npm/v/@vue/apollo-components.svg) ![npm](https://img.shields.io/npm/dm/@vue/apollo-components.svg)](https://www.npmjs.com/package/@vue/apollo-components)
+[![apollo3](https://img.shields.io/badge/apollo-3.x-blue.svg)](https://www.apollographql.com/)
+[![vue3](https://img.shields.io/badge/vue-3-brightgreen.svg)](https://vuejs.org/)
+[![CircleCI branch](https://img.shields.io/circleci/build/github/vuejs/vue-apollo/v4.svg)](https://circleci.com/gh/vuejs/vue-apollo/tree/v4)
 
 <p align="center">
   <img src="https://cdn-images-1.medium.com/max/800/1*H9AANoofLqjS10Xd5TwRYw.png">
@@ -16,46 +16,14 @@
 
 <br>
 
-**[Documentation](http://apollo.vuejs.org)**
+Documentation [**for Vue 3**](http://v4.apollo.vuejs.org) | [for Vue 2](https://apollo.vuejs.org/)
 
 <br>
 
-[Contributing guide](../../CONTRIBUTING.md)
+[Contributing guide](../CONTRIBUTING.md)
 
 <br>
 
 ## Sponsors
 
-### Gold
-
-<p align="center">
-  <a href="https://www.sumcumo.com/en/" target="_blank">
-    <img src="https://cdn.discordapp.com/attachments/258614093362102272/570728242399674380/logo-sumcumo.png" alt="sum.cumo logo" width="400px">
-  </a>
-</p>
-
-<p align="center">
-  <a href="https://www.vuemastery.com/" target="_blank">
-    <img src="https://cdn.discordapp.com/attachments/258614093362102272/557267759130607630/Vue-Mastery-Big.png" alt="Vue Mastery logo" width="200px">
-  </a>
-</p>
-
-### Silver
-
-<p align="center">
-  <a href="https://vueschool.io/" target="_blank">
-    <img src="https://vueschool.io/img/logo/vueschool_logo_multicolor.svg" alt="VueSchool logo" width="200px">
-  </a>
-</p>
-
-### Bronze
-
-<p align="center">
-  <a href="https://vuetifyjs.com" target="_blank">
-    <img src="https://cdn.discordapp.com/attachments/537832759985700914/537832771691872267/Horizontal_Logo_-_Dark.png" width="100">
-  </a>
-
-  <a href="https://www.frontenddeveloperlove.com/" target="_blank" title="Frontend Developer Love">
-    <img src="https://cdn.discordapp.com/attachments/258614093362102272/557267744249085953/frontend_love-logo.png" width="56">
-  </a>
-</p>
+[![sponsors logos](https://guillaume-chau.info/sponsors.png)](https://guillaume-chau.info/sponsors)
diff --git a/packages/vue-apollo-composable/README.md b/packages/vue-apollo-composable/README.md
index 209db77..55cb0d4 100644
--- a/packages/vue-apollo-composable/README.md
+++ b/packages/vue-apollo-composable/README.md
@@ -1,13 +1,29 @@
-# @vue/apollo-composable
+# Apollo and GraphQL for Vue.js (Composition API)
 
-Experimental Apollo GraphQL functions for Vue Composition API
+[![npm](https://img.shields.io/npm/v/@vue/apollo-composable.svg) ![npm](https://img.shields.io/npm/dm/@vue/apollo-composable.svg)](https://www.npmjs.com/package/@vue/apollo-composable)
+[![apollo3](https://img.shields.io/badge/apollo-3.x-blue.svg)](https://www.apollographql.com/)
+[![vue3](https://img.shields.io/badge/vue-3-brightgreen.svg)](https://vuejs.org/)
+[![CircleCI branch](https://img.shields.io/circleci/build/github/vuejs/vue-apollo/v4.svg)](https://circleci.com/gh/vuejs/vue-apollo/tree/v4)
+
+<p align="center">
+  <img src="https://cdn-images-1.medium.com/max/800/1*H9AANoofLqjS10Xd5TwRYw.png">
+  <br>
+  <a href="https://www.patreon.com/akryum" target="_blank">
+    <img src="https://c5.patreon.com/external/logo/become_a_patron_button.png" alt="Become a Patreon">
+  </a>
+  <br>
+</p>
 
 <br>
 
-**[Documentation](http://v4.apollo.vuejs.org)**
+Documentation [**for Vue 3**](http://v4.apollo.vuejs.org) | [for Vue 2](https://apollo.vuejs.org/)
 
 <br>
 
-[Contributing guide](../../CONTRIBUTING.md)
+[Contributing guide](../CONTRIBUTING.md)
 
 <br>
+
+## Sponsors
+
+[![sponsors logos](https://guillaume-chau.info/sponsors.png)](https://guillaume-chau.info/sponsors)
diff --git a/packages/vue-apollo-option/README.md b/packages/vue-apollo-option/README.md
index 4ad00cf..d3158cc 100644
--- a/packages/vue-apollo-option/README.md
+++ b/packages/vue-apollo-option/README.md
@@ -1,9 +1,9 @@
-# Apollo and GraphQL for Vue.js
+# Apollo and GraphQL for Vue.js (Options API)
 
-[![npm](https://img.shields.io/npm/v/vue-apollo.svg) ![npm](https://img.shields.io/npm/dm/vue-apollo.svg)](https://www.npmjs.com/package/vue-apollo)
-[![vue1](https://img.shields.io/badge/apollo-2.x-blue.svg)](https://www.apollographql.com/)
-[![vue1](https://img.shields.io/badge/vue-1.x-brightgreen.svg) ![vue2](https://img.shields.io/badge/vue-2.2+-brightgreen.svg)](https://vuejs.org/)
-[![CircleCI branch](https://img.shields.io/circleci/project/github/vuejs/vue-apollo/dev.svg)](https://circleci.com/gh/vuejs/vue-apollo/tree/dev)
+[![npm](https://img.shields.io/npm/v/@vue/apollo-option.svg) ![npm](https://img.shields.io/npm/dm/@vue/apollo-option.svg)](https://www.npmjs.com/package/@vue/apollo-option)
+[![apollo3](https://img.shields.io/badge/apollo-3.x-blue.svg)](https://www.apollographql.com/)
+[![vue3](https://img.shields.io/badge/vue-3-brightgreen.svg)](https://vuejs.org/)
+[![CircleCI branch](https://img.shields.io/circleci/build/github/vuejs/vue-apollo/v4.svg)](https://circleci.com/gh/vuejs/vue-apollo/tree/v4)
 
 <p align="center">
   <img src="https://cdn-images-1.medium.com/max/800/1*H9AANoofLqjS10Xd5TwRYw.png">
@@ -16,46 +16,14 @@
 
 <br>
 
-**[Documentation](http://apollo.vuejs.org)**
+Documentation [**for Vue 3**](http://v4.apollo.vuejs.org) | [for Vue 2](https://apollo.vuejs.org/)
 
 <br>
 
-[Contributing guide](../../CONTRIBUTING.md)
+[Contributing guide](../CONTRIBUTING.md)
 
 <br>
 
 ## Sponsors
 
-### Gold
-
-<p align="center">
-  <a href="https://www.sumcumo.com/en/" target="_blank">
-    <img src="https://cdn.discordapp.com/attachments/258614093362102272/570728242399674380/logo-sumcumo.png" alt="sum.cumo logo" width="400px">
-  </a>
-</p>
-
-<p align="center">
-  <a href="https://www.vuemastery.com/" target="_blank">
-    <img src="https://cdn.discordapp.com/attachments/258614093362102272/557267759130607630/Vue-Mastery-Big.png" alt="Vue Mastery logo" width="200px">
-  </a>
-</p>
-
-### Silver
-
-<p align="center">
-  <a href="https://vueschool.io/" target="_blank">
-    <img src="https://vueschool.io/img/logo/vueschool_logo_multicolor.svg" alt="VueSchool logo" width="200px">
-  </a>
-</p>
-
-### Bronze
-
-<p align="center">
-  <a href="https://vuetifyjs.com" target="_blank">
-    <img src="https://cdn.discordapp.com/attachments/537832759985700914/537832771691872267/Horizontal_Logo_-_Dark.png" width="100">
-  </a>
-
-  <a href="https://www.frontenddeveloperlove.com/" target="_blank" title="Frontend Developer Love">
-    <img src="https://cdn.discordapp.com/attachments/258614093362102272/557267744249085953/frontend_love-logo.png" width="56">
-  </a>
-</p>
+[![sponsors logos](https://guillaume-chau.info/sponsors.png)](https://guillaume-chau.info/sponsors)
diff --git a/packages/vue-apollo-ssr/README.md b/packages/vue-apollo-ssr/README.md
index ba49fc7..49edbdc 100644
--- a/packages/vue-apollo-ssr/README.md
+++ b/packages/vue-apollo-ssr/README.md
@@ -1,3 +1,29 @@
-# @vue/apollo-ssr
+# Server-Side Rendering Utilities for Vue Apollo
 
-Server-Side Rendering Utilities for Vue Apollo
+[![npm](https://img.shields.io/npm/v/@vue/apollo-ssr.svg) ![npm](https://img.shields.io/npm/dm/@vue/apollo-ssr.svg)](https://www.npmjs.com/package/@vue/apollo-ssr)
+[![apollo3](https://img.shields.io/badge/apollo-3.x-blue.svg)](https://www.apollographql.com/)
+[![vue3](https://img.shields.io/badge/vue-3-brightgreen.svg)](https://vuejs.org/)
+[![CircleCI branch](https://img.shields.io/circleci/build/github/vuejs/vue-apollo/v4.svg)](https://circleci.com/gh/vuejs/vue-apollo/tree/v4)
+
+<p align="center">
+  <img src="https://cdn-images-1.medium.com/max/800/1*H9AANoofLqjS10Xd5TwRYw.png">
+  <br>
+  <a href="https://www.patreon.com/akryum" target="_blank">
+    <img src="https://c5.patreon.com/external/logo/become_a_patron_button.png" alt="Become a Patreon">
+  </a>
+  <br>
+</p>
+
+<br>
+
+Documentation [**for Vue 3**](http://v4.apollo.vuejs.org) | [for Vue 2](https://apollo.vuejs.org/)
+
+<br>
+
+[Contributing guide](../CONTRIBUTING.md)
+
+<br>
+
+## Sponsors
+
+[![sponsors logos](https://guillaume-chau.info/sponsors.png)](https://guillaume-chau.info/sponsors)