From 50b4dcb3e5b2bba8a11356a07948d69571c8eb0b Mon Sep 17 00:00:00 2001 From: Vaishali Date: Mon, 20 Feb 2023 22:24:34 +0530 Subject: [PATCH 001/131] migrate components from vue 2 to vue 3 --- package.json | 40 +++--- samples/sample-app/package.json | 36 +++--- samples/sample-app/src/App.vue | 133 +++++++++----------- samples/sample-app/src/main.js | 7 +- src/components/IKContext.vue | 38 ++++-- src/components/IKImage.vue | 24 ++-- src/components/IKUpload.vue | 209 ++++++++++++++++++++++++-------- src/components/IKVideo.vue | 80 ++++++++++++ src/index.js | 19 +-- src/plugin.js | 18 +-- 10 files changed, 402 insertions(+), 202 deletions(-) create mode 100644 src/components/IKVideo.vue diff --git a/package.json b/package.json index c88d4de..cc40fa0 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "imagekitio-vue", - "version": "1.0.9", + "version": "0.1.0", "scripts": { "build:lib": "./node_modules/.bin/vue-cli-service build --target lib src/index.js", "build": "./node_modules/.bin/vue-cli-service lint --fix; npm run build:lib", @@ -23,28 +23,31 @@ "url": "https://github.com/imagekit-developer/imagekit-vuejs" }, "dependencies": { - "imagekit-javascript": "^1.3.5" + "imagekit-javascript": "^1.3.5", + "vue": "^3.2.47" }, "devDependencies": { - "@babel/core": "^7.7.7", + "@babel/core": "^7.12.16", + "@babel/eslint-parser": "^7.12.16", "@storybook/addon-actions": "^5.2.8", "@storybook/addon-links": "^5.2.8", - "@storybook/addon-storyshots": "^5.2.8", + "@storybook/addon-storyshots": "^5.3.21", "@storybook/addons": "^5.2.8", - "@storybook/vue": "^5.2.8", - "@vue/cli-plugin-babel": "^4.1.0", - "@vue/cli-plugin-eslint": "^4.1.0", + "@storybook/vue": "^5.3.21", + "@vue/cli-plugin-babel": "~5.0.0", + "@vue/cli-plugin-eslint": "~5.0.0", "@vue/cli-plugin-unit-jest": "^4.1.1", - "@vue/cli-service": "^4.1.0", - "@vue/test-utils": "^1.0.0-beta.30", - "babel-eslint": "^10.0.3", + "@vue/cli-service": "~5.0.0", + "@vue/test-utils": "^1.3.4", + "babel-jest": "^29.4.3", "babel-loader": "^8.0.6", "babel-preset-vue": "^2.0.2", "cypress": "^6.0.1", - "eslint": "^5.16.0", - "eslint-plugin-vue": "^5.0.0", + "eslint": "^7.32.0", + "eslint-plugin-vue": "^8.0.3", "html-webpack-plugin": "^3.2.0", "jest": "^24.9.0", + "vue-jest": "^3.0.7", "vue-loader": "^15.8.3", "vue-template-compiler": "^2.6.11", "webpack": "^4.41.4", @@ -56,20 +59,19 @@ "node": true }, "extends": [ - "plugin:vue/essential", + "plugin:vue/vue3-essential", "eslint:recommended" ], "rules": {}, "parserOptions": { - "parser": "babel-eslint" + "parser": "@babel/eslint-parser" } }, "license": "MIT", "browserslist": [ "> 1%", - "last 2 versions" - ], - "peerDependencies": { - "vue": "^2.6.12" - } + "last 2 versions", + "not dead", + "not ie 11" + ] } diff --git a/samples/sample-app/package.json b/samples/sample-app/package.json index 44af6bc..05e3677 100644 --- a/samples/sample-app/package.json +++ b/samples/sample-app/package.json @@ -1,5 +1,5 @@ { - "name": "sample-app", + "name": "test-sampleapp", "version": "0.1.0", "private": true, "scripts": { @@ -8,17 +8,18 @@ "lint": "vue-cli-service lint" }, "dependencies": { - "imagekitio-vue": "^1.0.7", - "vue": "^2.6.10" + "core-js": "^3.8.3", + "imagekit-javascript": "^1.3.5", + "vue": "^3.2.47" }, "devDependencies": { - "@vue/cli-plugin-babel": "^4.1.0", - "@vue/cli-plugin-eslint": "^4.1.0", - "@vue/cli-service": "^4.1.0", - "babel-eslint": "^10.0.3", - "eslint": "^5.16.0", - "eslint-plugin-vue": "^5.0.0", - "vue-template-compiler": "^2.6.10" + "@babel/core": "^7.12.16", + "@babel/eslint-parser": "^7.12.16", + "@vue/cli-plugin-babel": "~5.0.0", + "@vue/cli-plugin-eslint": "~5.0.0", + "@vue/cli-service": "~5.0.0", + "eslint": "^7.32.0", + "eslint-plugin-vue": "^8.0.3" }, "eslintConfig": { "root": true, @@ -26,19 +27,18 @@ "node": true }, "extends": [ - "plugin:vue/essential", + "plugin:vue/vue3-essential", "eslint:recommended" ], - "rules": { - "no-console": "off" - }, "parserOptions": { - "parser": "babel-eslint" - } + "parser": "@babel/eslint-parser" + }, + "rules": {} }, - "license": "MIT", "browserslist": [ "> 1%", - "last 2 versions" + "last 2 versions", + "not dead", + "not ie 11" ] } diff --git a/samples/sample-app/src/App.vue b/samples/sample-app/src/App.vue index 0441490..88485a0 100644 --- a/samples/sample-app/src/App.vue +++ b/samples/sample-app/src/App.vue @@ -1,94 +1,53 @@ -/* eslint-disable no-console */