rename package from @cloudinary/vue3 to @cloudinary/vue

Author: mckomo-cl

e2e-tests/package.json

@@ -12,10 +12,10 @@
     "prepare:react": "npm run pack:react-sdk && npm run cpy-react-sdk && npm run build:react-test-app && npm run serve:react-test-app",
     "setChromeDriverVersion": "./scripts/setChromeDriverVersion.sh",
     "start-server-and-test:react": "WAIT_ON_TIMEOUT=600000 start-server-and-test prepare:react http://127.0.0.1:8000 test",
-    "pack:vue-sdk": "cd ../frameworks/vue/vue3 && npm run build && npm pack",
-    "cpy-vue-sdk": "cpy ../frameworks/vue/vue3/cloudinary-vue-*.tgz ./vue3-test-app --rename=cloudinary-vue.tgz",
-    "build:vue-test-app": "cd vue3-test-app && npm run clean-install && npm run build",
-    "serve:vue-test-app": "ws --directory vue3-test-app/dist",
+    "pack:vue-sdk": "cd ../frameworks/vue && npm run build && npm pack",
+    "cpy-vue-sdk": "cpy ../frameworks/vue/cloudinary-vue-*.tgz ./vue-test-app --rename=cloudinary-vue.tgz",
+    "build:vue-test-app": "cd vue-test-app && npm run clean-install && npm run build",
+    "serve:vue-test-app": "ws --directory vue-test-app/dist",
     "prepare:vue": "npm run pack:vue-sdk && npm run cpy-vue-sdk && npm run build:vue-test-app && npm run serve:vue-test-app",
     "start-server-and-test:vue": "WAIT_ON_TIMEOUT=600000 start-server-and-test prepare:vue http://127.0.0.1:8000 test"
   },

package.json

@@ -8,7 +8,7 @@
     "test": "lerna run test",
     "build:docs": "node ./scripts/buildDocs.js",
     "start:docs": "live-server --open=public/docs",
-    "update:urlgen": "npm install @cloudinary/url-gen@latest --prefix packages/html && npm install @cloudinary/url-gen@latest --prefix packages/react && npm install @cloudinary/url-gen@latest --prefix packages/vue3 && npm install @cloudinary/url-gen@latest --prefix packages/angular && npm install @cloudinary/url-gen@latest --prefix packages/angular/projects/cloudinary-library"
+    "update:urlgen": "npm install @cloudinary/url-gen@latest --prefix packages/html && npm install @cloudinary/url-gen@latest --prefix packages/react && npm install @cloudinary/url-gen@latest --prefix packages/vue && npm install @cloudinary/url-gen@latest --prefix packages/angular && npm install @cloudinary/url-gen@latest --prefix packages/angular/projects/cloudinary-library"
   },
   "dependencies": {
     "better-docs": "2.3.2",

packages/vue/README.md

@@ -1,7 +1,7 @@
-Cloudinary Vue 3 SDK
+Cloudinary Vue SDK
 =========================
 ## About
-The Cloudinary Vue 3 SDK allows you to quickly and easily integrate your application with Cloudinary.
+The Cloudinary Vue SDK allows you to quickly and easily integrate your application with Cloudinary.
 Effortlessly optimize and transform your cloud's assets.
 
 #### Note
@@ -41,19 +41,19 @@ This Readme provides basic installation and usage information.
 ## Installation
 ### Install using your favorite package manager (yarn, npm)
 ```bash
-npm i @cloudinary/url-gen @cloudinary/vue3
+npm i @cloudinary/url-gen @cloudinary/vue
 
 ```
 Or
 ```bash
-yarn add @cloudinary/url-gen @cloudinary/vue3
+yarn add @cloudinary/url-gen @cloudinary/vue
 ```
 
 ## Usage Example
 ### Setup
 ```vue
 <script type="module">
-import { AdvancedImage, responsive } from "@cloudinary/vue3"
+import { AdvancedImage, responsive } from "@cloudinary/vue"
 import { CloudinaryImage } from "@cloudinary/url-gen/assets/CloudinaryImage";
 
 export default {
@@ -88,7 +88,7 @@ export default {
 
 We recommend the following order when using our plugins to achieve the best results:
 ```js
-[lazyload(),responsive(), accessibility(), placeholder()]
+[lazyload(), responsive(), accessibility(), placeholder()]
 ```
 
 You can omit any plugin, but the order from above should remain.

packages/vue/package.json

@@ -1,9 +1,16 @@
 {
-  "name": "@cloudinary/vue3",
+  "name": "@cloudinary/vue",
   "version": "1.6.0",
-  "description": "Cloudinary Vue3 SDK",
+  "description": "Cloudinary Vue SDK",
+  "author": "cloudinary",
+  "license": "MIT",
   "type": "module",
   "main": "index.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cloudinary/frontend-frameworks.git",
+    "directory": "packages/vue"
+  },
   "scripts": {
     "build": "rollup -c",
     "prebuild": "rm -rf dist && npm run build --prefix ../html",
@@ -16,7 +23,7 @@
     "test": "npm run test:dist && npm run test:src",
     "test:src": "vue-cli-service test:unit --coverage",
     "pretest:src": "replace-in-files --string='../../dist' --replacement='../../src' tests/unit/*.spec.ts",
-    "test:dist": "npm run build && VUE3_TEST_ENV=DIST vue-cli-service test:unit",
+    "test:dist": "npm run build && VUE_TEST_ENV_TEST_ENV=DIST vue-cli-service test:unit",
     "pretest:dist": "replace-in-files --string='../../src\"' --replacement='../../dist\"' tests/unit/*.spec.ts",
     "serve:coverage": "http-server coverage/lcov-report",
     "lint": "vue-cli-service lint"

packages/vue/rollup.config.js

@@ -69,7 +69,7 @@ export default [
     output: {
       format: "umd",
       file: "dist/index.umd.js",
-      name: "CloudinaryVue3SDK",
+      name: "CloudinaryVueSDK",
       globals: {
         "@cloudinary/html": "CloudinaryHtml",
         vue: "Vue",

packages/vue/src/components/AdvancedImage.vue

@@ -5,7 +5,7 @@
 
 <script setup lang="ts">
 /**
- * @memberOf Vue3SDK
+ * @memberOf CloudinaryVueSDK
  * @type {Component}
  * @description The Cloudinary image component.
  * @prop {CloudinaryImage} cldImg Generated by @cloudinary/url-gen

packages/vue/tests/unit/analytics.spec.ts

@@ -8,7 +8,7 @@ const cloudinaryImage = new CloudinaryImage("sample", { cloudName: "demo" });
 
 describe("analytics", () => {
   testIf(
-    !(process.env.VUE3_TEST_ENV === "DIST"),
+    !(process.env.VUE_TEST_ENV === "DIST"),
     "creates an img with analytics using src",
     async () => {
       // Update src analytics value
@@ -27,7 +27,7 @@ describe("analytics", () => {
   );
 
   testIf(
-    process.env.VUE3_TEST_ENV === "DIST",
+    process.env.VUE_TEST_ENV === "DIST",
     "creates an img with analytics using dist",
     async () => {
       const component = mount(AdvancedImage, {

packages/vue3/README.md

@@ -0,0 +1,4 @@
+Cloudinary Vue SDK
+=========================
+
+ **[DEPRECATED]**  Package `@cloudinary/vue3` was renamed to `@cloudinary/vue`. Source code was moved to [packages/vue](https://github.com/cloudinary/frontend-frameworks/tree/master/packages/vue) directory.

tsconfig.json

@@ -12,7 +12,7 @@
     "@cloudinary/html": ["html/src"],
     "@cloudinary/ng": ["angular/projects/cloudinary-library/src"],
     "@cloudinary/react": ["react/src"],
-    "@cloudinary/vue3": ["vue3/src"],
+    "@cloudinary/vue": ["vue/src"],
     "@cloudinary/*": ["*/src"],
     "*": ["node_modules"]
 },