Merge pull request #94 from datocms/chore/drop-vue-2-support

Drop support to Vue 2
datocms · Jan 12, 2024 · bf5902d · bf5902d · vercel · Jan 12, 2024
2 parents 1b7f16c + f9a4d85
commit bf5902d
Show file tree

Hide file tree

Showing 34 changed files with 961 additions and 22,911 deletions.
diff --git a/README.md b/README.md
@@ -10,7 +10,7 @@
 
 A set of components and utilities to work faster with [DatoCMS](https://www.datocms.com/) in Vue.js environments. Integrates seamlessly with [DatoCMS's GraphQL Content Delivery API](https://www.datocms.com/docs/content-delivery-api).
 
-- Works with Vue 3 and Vue 2;
+- Works with Vue 3 (version 4 is maintaind for compatibility with Vue 2);
 - TypeScript ready;
 - Compatible with any data-fetching library (axios, Apollo);
 - Usable both client and server side;
@@ -53,7 +53,6 @@ npm install vue-datocms
 This repository contains a number of examples. You can use them to locally test your changes to the package:
 
 - [Vue 3 + TypeScript + Vite](examples/vite-typescript-vue3/) ([running demo](https://vue-datocms-vite-typescript-vue3-example.vercel.app/))
-- [Vue 2 + Javacript + Vue CLI](examples/vue-cli-babel-javascript-vue2/) ([running demo](https://vue-datocms-vue-cli-babel-javascript-vue2-example.vercel.app/))
 - [Query subscription](examples/query-subscription/) ([running demo](https://vue-datocms-query-subscription-example.vercel.app/))
 - [Site search](examples/site-search/) ([running demo](https://vue-datocms-site-search-example.vercel.app/))
 
@@ -66,7 +65,7 @@ npm run setup
 npm run dev
 ```
 
-Due to the way Vue and VueDemi work, it's not recommended to leverage `npm link` to use the working copy from the examples: that would complicate the structure of each example and it would not replicate a real-world installation. Therefore the `npm run setup` available in each example packs and installs the local copy of `vue-datocms` via a `.tgz` compressed tarball.
+It's not recommended to leverage `npm link` to use the working copy from the examples: that would complicate the structure of each example and it would not replicate a real-world installation. Therefore the `npm run setup` available in each example packs and installs the local copy of `vue-datocms` via a `.tgz` compressed tarball.
 
 <!--datocms-autoinclude-footer start-->
 -----------------

diff --git a/examples/query-subscription/README.md b/examples/query-subscription/README.md
@@ -1,6 +1,6 @@
 # Query subscription
 
-Example of using [datocms-listen](https://www.npmjs.com/package/datocms-listen) to implement real-time updates in a Vue 2 application.
+Example of using [datocms-listen](https://www.npmjs.com/package/datocms-listen) to implement real-time updates in a Vue 3 application.
 
 ## To test locally
 

diff --git a/examples/query-subscription/babel.config.js b/examples/query-subscription/babel.config.js
diff --git a/examples/query-subscription/index.html b/examples/query-subscription/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/examples/query-subscription/jsconfig.json b/examples/query-subscription/jsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "exclude": ["node_modules", "dist"]
+}