feat(vue): implement asgardeo plugin for vue.js

.vscode/settings.json

@@ -13,5 +13,9 @@
     "css.validate": false,
     "less.validate": false,
     "scss.validate": false,
-    "stylelint.validate": ["css", "scss"]
+    "stylelint.validate": [
+        "css",
+        "scss"
+    ],
+    "typescript.tsdk": "node_modules/typescript/lib"
 }

package.json

@@ -30,11 +30,12 @@
   "devDependencies": {
     "@changesets/changelog-github": "^0.5.0",
     "@changesets/cli": "^2.27.3",
-    "@wso2/eslint-plugin": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/eslint-plugin?21281faa4f8354491747075f40f58b497d0c4730",
-    "@wso2/prettier-config": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/prettier-config?fa0b844715320a3953d6d055997c0770f8695082",
-    "eslint": "~8.57.0",
+    "@wso2/eslint-plugin": "catalog:",
+    "@wso2/prettier-config": "catalog:",
+    "eslint": "catalog:",
     "nx": "18.2.4",
-    "prettier": "^3.2.5"
+    "prettier": "^3.2.5",
+    "typescript": "5.1.6"
   },
   "workspaces": [
     "packages/*",

packages/core/package.json

@@ -41,14 +41,14 @@
     "@types/lodash.isempty": "^4.4.9",
     "@types/lodash.merge": "^4.6.9",
     "@types/node": "^20.12.7",
-    "@wso2/eslint-plugin": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/eslint-plugin?fa0b844715320a3953d6d055997c0770f8695082",
-    "@wso2/prettier-config": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/prettier-config?fa0b844715320a3953d6d055997c0770f8695082",
-    "eslint": "~8.57.0",
+    "@wso2/eslint-plugin": "catalog:",
+    "@wso2/prettier-config": "catalog:",
+    "eslint": "catalog:",
     "prettier": "^3.2.5",
     "rollup": "^4.17.2",
     "rollup-plugin-dts": "^6.1.0",
     "tslib": "^2.6.2",
-    "typescript": "^5.1.6"
+    "typescript": "5.1.6"
   },
   "publishConfig": {
     "access": "public"

packages/react/package.json

@@ -47,10 +47,10 @@
     "@types/randombytes": "^2.0.3",
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",
-    "@wso2/eslint-plugin": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/eslint-plugin?fa0b844715320a3953d6d055997c0770f8695082",
-    "@wso2/prettier-config": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/prettier-config?fa0b844715320a3953d6d055997c0770f8695082",
-    "@wso2/stylelint-config": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/stylelint-config?fa0b844715320a3953d6d055997c0770f8695082",
-    "eslint": "~8.57.0",
+    "@wso2/eslint-plugin": "catalog:",
+    "@wso2/prettier-config": "catalog:",
+    "@wso2/stylelint-config": "catalog:",
+    "eslint": "catalog:",
     "prettier": "^3.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

packages/vue/.eslintrc.cjs

@@ -30,4 +30,8 @@ module.exports = {
     project: [path.resolve(__dirname, 'tsconfig.json'), path.resolve(__dirname, 'tsconfig.eslint.json')],
   },
   plugins: ['@wso2'],
+  rules: {
+    'import/no-extraneous-dependencies': ['error', {devDependencies: true}],
+    'no-underscore-dangle': ['off'],
+  },
 };

packages/vue/package.json

@@ -2,7 +2,7 @@
   "name": "@asgardeo/vue",
   "version": "0.0.0",
   "description": "Vue SDK for Asgardeo - Authentication and Identity Management",
-  "main": "dist/esm/index.js",
+  "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
   "type": "module",
@@ -40,7 +40,7 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts",
     "lint:fix": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix",
     "type-check": "vue-tsc --noEmit",
-    "test": "vitest --passWithNoTests",
+    "test": "vitest --config src/vitest.config.ts --environment=jsdom --run --passWithNoTests",
     "prepublishOnly": "npm run build"
   },
   "publishConfig": {
@@ -52,14 +52,15 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-typescript": "^11.1.6",
     "@types/node": "^20.12.7",
-    "@vitejs/plugin-vue": "^5.0.0",
+    "@vitest/coverage-v8": "3.0.8",
+    "@vitest/web-worker": "^3.0.8",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.6",
-    "@wso2/eslint-plugin": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/eslint-plugin?21281faa4f8354491747075f40f58b497d0c4730",
-    "@wso2/prettier-config": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/prettier-config?fa0b844715320a3953d6d055997c0770f8695082",
-    "@wso2/stylelint-config": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/stylelint-config?fa0b844715320a3953d6d055997c0770f8695082",
-    "eslint": "~8.57.0",
+    "@wso2/eslint-plugin": "catalog:",
+    "@wso2/prettier-config": "catalog:",
+    "@wso2/stylelint-config": "catalog:",
+    "eslint": "catalog:",
     "prettier": "^3.2.5",
     "rollup": "^4.17.2",
     "rollup-plugin-dts": "^6.1.0",
@@ -69,8 +70,8 @@
     "stylelint": "15.1.0",
     "tslib": "^2.6.2",
     "typescript": "5.1.6",
-    "vitest": "^3.0.6",
-    "vue-tsc": "^2.2.2"
+    "vue-tsc": "^2.2.2",
+    "vitest": "^3.0.8"
   },
   "dependencies": {
     "@asgardeo/auth-spa": "^3.1.4",
@@ -80,9 +81,15 @@
     "clsx": "^2.1.1",
     "fast-sha256": "^1.3.0",
     "jose": "^5.3.0",
-    "randombytes": "^2.1.0"
+    "randombytes": "^2.1.0",
+    "@vitejs/plugin-vue": "^5.0.0"
   },
   "peerDependencies": {
     "vue": ">=3.5.13"
+  },
+  "exports": {
+    "types": "./dist/index.d.ts",
+    "import": "./dist/esm/index.js",
+    "require": "./dist/cjs/index.js"
   }
 }