diff --git a/.github/workflows/continuous-integration.yml b/.github/workflows/continuous-integration.yml
index 96cc3aa4..4c6ac30b 100644
--- a/.github/workflows/continuous-integration.yml
+++ b/.github/workflows/continuous-integration.yml
@@ -11,7 +11,7 @@ jobs:
     runs-on: ubuntu-latest
     strategy:
       matrix:
-        node: ["16", "18", "20"]
+        node: ["18", "20", "22"]
     steps:
       - uses: actions/checkout@v2
 
@@ -54,7 +54,7 @@ jobs:
       - name: Setup node
         uses: actions/setup-node@v2
         with:
-          node-version: 20
+          node-version: 22
 
       - run: npm ci
 
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 88341922..755199eb 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
 ### Unreleased
 
+### 3.0.0-alpha.3
+- BREAKING: Now uses named exports
+- Publishes the types
+
 ### 2.0.0-alpha.6
 - Bugfix: `href` and `$href` can now also be used on the root API endpoint
 
diff --git a/package-lock.json b/package-lock.json
index b302fb80..14275c20 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -34,6 +34,7 @@
         "rimraf": "3.0.2",
         "typescript": "4.5.5",
         "vite": "5.4.2",
+        "vite-plugin-dts": "4.2.2",
         "vitest": "2.0.5",
         "vue": "3.3.6",
         "vuex": "4.1.0"
@@ -895,6 +896,139 @@
         "@jridgewell/sourcemap-codec": "^1.4.14"
       }
     },
+    "node_modules/@microsoft/api-extractor": {
+      "version": "7.47.7",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor/-/api-extractor-7.47.7.tgz",
+      "integrity": "sha512-fNiD3G55ZJGhPOBPMKD/enozj8yxJSYyVJWxRWdcUtw842rvthDHJgUWq9gXQTensFlMHv2wGuCjjivPv53j0A==",
+      "dev": true,
+      "dependencies": {
+        "@microsoft/api-extractor-model": "7.29.6",
+        "@microsoft/tsdoc": "~0.15.0",
+        "@microsoft/tsdoc-config": "~0.17.0",
+        "@rushstack/node-core-library": "5.7.0",
+        "@rushstack/rig-package": "0.5.3",
+        "@rushstack/terminal": "0.14.0",
+        "@rushstack/ts-command-line": "4.22.6",
+        "lodash": "~4.17.15",
+        "minimatch": "~3.0.3",
+        "resolve": "~1.22.1",
+        "semver": "~7.5.4",
+        "source-map": "~0.6.1",
+        "typescript": "5.4.2"
+      },
+      "bin": {
+        "api-extractor": "bin/api-extractor"
+      }
+    },
+    "node_modules/@microsoft/api-extractor-model": {
+      "version": "7.29.6",
+      "resolved": "https://registry.npmjs.org/@microsoft/api-extractor-model/-/api-extractor-model-7.29.6.tgz",
+      "integrity": "sha512-gC0KGtrZvxzf/Rt9oMYD2dHvtN/1KPEYsrQPyMKhLHnlVuO/f4AFN3E4toqZzD2pt4LhkKoYmL2H9tX3yCOyRw==",
+      "dev": true,
+      "dependencies": {
+        "@microsoft/tsdoc": "~0.15.0",
+        "@microsoft/tsdoc-config": "~0.17.0",
+        "@rushstack/node-core-library": "5.7.0"
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/minimatch": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.8.tgz",
+      "integrity": "sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/typescript": {
+      "version": "5.4.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.2.tgz",
+      "integrity": "sha512-+2/g0Fds1ERlP6JsakQQDXjZdZMM+rqpamFZJEKh4kwTIn3iDkgKtby0CeNd5ATNZ4Ry1ax15TMx0W2V+miizQ==",
+      "dev": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/@microsoft/api-extractor/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/@microsoft/tsdoc": {
+      "version": "0.15.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc/-/tsdoc-0.15.0.tgz",
+      "integrity": "sha512-HZpPoABogPvjeJOdzCOSJsXeL/SMCBgBZMVC3X3d7YYp2gf31MfxhUoYUNwf1ERPJOnQc0wkFn9trqI6ZEdZuA==",
+      "dev": true
+    },
+    "node_modules/@microsoft/tsdoc-config": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/tsdoc-config/-/tsdoc-config-0.17.0.tgz",
+      "integrity": "sha512-v/EYRXnCAIHxOHW+Plb6OWuUoMotxTN0GLatnpOb1xq0KuTNw/WI3pamJx/UbsoJP5k9MCw1QxvvhPcF9pH3Zg==",
+      "dev": true,
+      "dependencies": {
+        "@microsoft/tsdoc": "0.15.0",
+        "ajv": "~8.12.0",
+        "jju": "~1.4.0",
+        "resolve": "~1.22.2"
+      }
+    },
+    "node_modules/@microsoft/tsdoc-config/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/@microsoft/tsdoc-config/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -946,6 +1080,28 @@
         "node": ">=14"
       }
     },
+    "node_modules/@rollup/pluginutils": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/@rollup/pluginutils/-/pluginutils-5.1.2.tgz",
+      "integrity": "sha512-/FIdS3PyZ39bjZlwqFnWqCOVnW7o963LtKMwQOD0NhQqw22gSr2YY1afu3FxRip4ZCZNsD5jq6Aaz6QV3D/Njw==",
+      "dev": true,
+      "dependencies": {
+        "@types/estree": "^1.0.0",
+        "estree-walker": "^2.0.2",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.21.0",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.21.0.tgz",
@@ -1154,6 +1310,163 @@
         "win32"
       ]
     },
+    "node_modules/@rushstack/node-core-library": {
+      "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/node-core-library/-/node-core-library-5.7.0.tgz",
+      "integrity": "sha512-Ff9Cz/YlWu9ce4dmqNBZpA45AEya04XaBFIjV7xTVeEf+y/kTjEasmozqFELXlNG4ROdevss75JrrZ5WgufDkQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "~8.13.0",
+        "ajv-draft-04": "~1.0.0",
+        "ajv-formats": "~3.0.1",
+        "fs-extra": "~7.0.1",
+        "import-lazy": "~4.0.0",
+        "jju": "~1.4.0",
+        "resolve": "~1.22.1",
+        "semver": "~7.5.4"
+      },
+      "peerDependencies": {
+        "@types/node": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rushstack/node-core-library/node_modules/ajv": {
+      "version": "8.13.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.13.0.tgz",
+      "integrity": "sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.4.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/@rushstack/node-core-library/node_modules/ajv-draft-04": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/ajv-draft-04/-/ajv-draft-04-1.0.0.tgz",
+      "integrity": "sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==",
+      "dev": true,
+      "peerDependencies": {
+        "ajv": "^8.5.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rushstack/node-core-library/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/@rushstack/node-core-library/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@rushstack/node-core-library/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@rushstack/node-core-library/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/@rushstack/rig-package": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/@rushstack/rig-package/-/rig-package-0.5.3.tgz",
+      "integrity": "sha512-olzSSjYrvCNxUFZowevC3uz8gvKr3WTpHQ7BkpjtRpA3wK+T0ybep/SRUMfr195gBzJm5gaXw0ZMgjIyHqJUow==",
+      "dev": true,
+      "dependencies": {
+        "resolve": "~1.22.1",
+        "strip-json-comments": "~3.1.1"
+      }
+    },
+    "node_modules/@rushstack/terminal": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/@rushstack/terminal/-/terminal-0.14.0.tgz",
+      "integrity": "sha512-juTKMAMpTIJKudeFkG5slD8Z/LHwNwGZLtU441l/u82XdTBfsP+LbGKJLCNwP5se+DMCT55GB8x9p6+C4UL7jw==",
+      "dev": true,
+      "dependencies": {
+        "@rushstack/node-core-library": "5.7.0",
+        "supports-color": "~8.1.1"
+      },
+      "peerDependencies": {
+        "@types/node": "*"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@rushstack/terminal/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@rushstack/terminal/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/@rushstack/ts-command-line": {
+      "version": "4.22.6",
+      "resolved": "https://registry.npmjs.org/@rushstack/ts-command-line/-/ts-command-line-4.22.6.tgz",
+      "integrity": "sha512-QSRqHT/IfoC5nk9zn6+fgyqOPXHME0BfchII9EUPR19pocsNp/xSbeBCbD3PIR2Lg+Q5qk7OFqk1VhWPMdKHJg==",
+      "dev": true,
+      "dependencies": {
+        "@rushstack/terminal": "0.14.0",
+        "@types/argparse": "1.0.38",
+        "argparse": "~1.0.9",
+        "string-argv": "~0.3.1"
+      }
+    },
     "node_modules/@tootallnate/once": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
@@ -1165,6 +1478,12 @@
         "node": ">= 10"
       }
     },
+    "node_modules/@types/argparse": {
+      "version": "1.0.38",
+      "resolved": "https://registry.npmjs.org/@types/argparse/-/argparse-1.0.38.tgz",
+      "integrity": "sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==",
+      "dev": true
+    },
     "node_modules/@types/eslint": {
       "version": "8.44.6",
       "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.44.6.tgz",
@@ -1579,6 +1898,32 @@
         "@types/estree": "^1.0.0"
       }
     },
+    "node_modules/@volar/language-core": {
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.5.tgz",
+      "integrity": "sha512-F4tA0DCO5Q1F5mScHmca0umsi2ufKULAnMOVBfMsZdT4myhVl4WdKRwCaKcfOkIEuyrAVvtq1ESBdZ+rSyLVww==",
+      "dev": true,
+      "dependencies": {
+        "@volar/source-map": "2.4.5"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.5.tgz",
+      "integrity": "sha512-varwD7RaKE2J/Z+Zu6j3mNNJbNT394qIxXwdvz/4ao/vxOfyClZpSDtLKkwWmecinkOVos5+PWkWraelfMLfpw==",
+      "dev": true
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.5.tgz",
+      "integrity": "sha512-mcT1mHvLljAEtHviVcBuOyAwwMKz1ibXTi5uYtP/pf4XxoAzpdkQ+Br2IC0NPCvLCbjPZmbf3I0udndkfB1CDg==",
+      "dev": true,
+      "dependencies": {
+        "@volar/language-core": "2.4.5",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
     "node_modules/@vue/compiler-core": {
       "version": "3.3.6",
       "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.3.6.tgz",
@@ -1629,6 +1974,16 @@
         "@vue/shared": "3.3.6"
       }
     },
+    "node_modules/@vue/compiler-vue2": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-vue2/-/compiler-vue2-2.7.16.tgz",
+      "integrity": "sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==",
+      "dev": true,
+      "dependencies": {
+        "de-indent": "^1.0.2",
+        "he": "^1.2.0"
+      }
+    },
     "node_modules/@vue/devtools-api": {
       "version": "6.5.1",
       "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.5.1.tgz",
@@ -1659,6 +2014,83 @@
         }
       }
     },
+    "node_modules/@vue/language-core": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-2.1.6.tgz",
+      "integrity": "sha512-MW569cSky9R/ooKMh6xa2g1D0AtRKbL56k83dzus/bx//RDJk24RHWkMzbAlXjMdDNyxAaagKPRquBIxkxlCkg==",
+      "dev": true,
+      "dependencies": {
+        "@volar/language-core": "~2.4.1",
+        "@vue/compiler-dom": "^3.4.0",
+        "@vue/compiler-vue2": "^2.7.16",
+        "@vue/shared": "^3.4.0",
+        "computeds": "^0.0.1",
+        "minimatch": "^9.0.3",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/language-core/node_modules/@vue/compiler-core": {
+      "version": "3.5.10",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.10.tgz",
+      "integrity": "sha512-iXWlk+Cg/ag7gLvY0SfVucU8Kh2CjysYZjhhP70w9qI4MvSox4frrP+vDGvtQuzIcgD8+sxM6lZvCtdxGunTAA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/parser": "^7.25.3",
+        "@vue/shared": "3.5.10",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.0"
+      }
+    },
+    "node_modules/@vue/language-core/node_modules/@vue/compiler-dom": {
+      "version": "3.5.10",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.10.tgz",
+      "integrity": "sha512-DyxHC6qPcktwYGKOIy3XqnHRrrXyWR2u91AjP+nLkADko380srsC2DC3s7Y1Rk6YfOlxOlvEQKa9XXmLI+W4ZA==",
+      "dev": true,
+      "dependencies": {
+        "@vue/compiler-core": "3.5.10",
+        "@vue/shared": "3.5.10"
+      }
+    },
+    "node_modules/@vue/language-core/node_modules/@vue/shared": {
+      "version": "3.5.10",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.10.tgz",
+      "integrity": "sha512-VkkBhU97Ki+XJ0xvl4C9YJsIZ2uIlQ7HqPpZOS3m9VCvmROPaChZU6DexdMJqvz9tbgG+4EtFVrSuailUq5KGQ==",
+      "dev": true
+    },
+    "node_modules/@vue/language-core/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@vue/language-core/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/@vue/reactivity": {
       "version": "3.3.6",
       "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.3.6.tgz",
@@ -2025,6 +2457,45 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
+    "node_modules/ajv-formats": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-3.0.1.tgz",
+      "integrity": "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-formats/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
     "node_modules/ajv-keywords": {
       "version": "3.5.2",
       "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
@@ -2434,12 +2905,30 @@
         "node": ">=14"
       }
     },
+    "node_modules/compare-versions": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/compare-versions/-/compare-versions-6.1.1.tgz",
+      "integrity": "sha512-4hm4VPpIecmlg59CHXnRDnqGplJFrbLG4aFEl5vl6cK1u76ws3LLvX7ikFnTDl5vo39sjWD6AaDPYodJp/NNHg==",
+      "dev": true
+    },
+    "node_modules/computeds": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/computeds/-/computeds-0.0.1.tgz",
+      "integrity": "sha512-7CEBgcMjVmitjYo5q8JTJVra6X5mQ20uTThdK+0kR7UEaDrAWEQcRiBtWJzga4eRpP6afNwwLsX2SET2JhVB1Q==",
+      "dev": true
+    },
     "node_modules/concat-map": {
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
       "dev": true
     },
+    "node_modules/confbox": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.7.tgz",
+      "integrity": "sha512-uJcB/FKZtBMCJpK8MQji6bJHgu1tixKPxRLeGkNzBoOZzpnZUJm0jm2/sBDWcuBx1dYgxV4JU+g5hmNxCyAmdA==",
+      "dev": true
+    },
     "node_modules/config-chain": {
       "version": "1.1.13",
       "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
@@ -2539,6 +3028,12 @@
         "node": ">=12"
       }
     },
+    "node_modules/de-indent": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/de-indent/-/de-indent-1.0.2.tgz",
+      "integrity": "sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==",
+      "dev": true
+    },
     "node_modules/debug": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
@@ -2783,8 +3278,6 @@
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
       "dev": true,
-      "optional": true,
-      "peer": true,
       "engines": {
         "node": ">=0.12"
       },
@@ -3780,6 +4273,12 @@
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
       "dev": true
     },
+    "node_modules/fast-uri": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.2.tgz",
+      "integrity": "sha512-GR6f0hD7XXyNJa25Tb9BuIdN0tdr+0BMi6/CJPH3wJO1JjNG3n/VsSw38AwRdKZABm8lGbPfakLRkYzx2V9row==",
+      "dev": true
+    },
     "node_modules/fastq": {
       "version": "1.15.0",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
@@ -3898,6 +4397,20 @@
         "node": ">= 6"
       }
     },
+    "node_modules/fs-extra": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.1.tgz",
+      "integrity": "sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=6 <7 || >=8"
+      }
+    },
     "node_modules/fs.realpath": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
@@ -4211,6 +4724,15 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true,
+      "bin": {
+        "he": "bin/he"
+      }
+    },
     "node_modules/html-encoding-sniffer": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
@@ -4296,6 +4818,15 @@
         "node": ">=4"
       }
     },
+    "node_modules/import-lazy": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-4.0.0.tgz",
+      "integrity": "sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/imurmurhash": {
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
@@ -4792,6 +5323,12 @@
         "url": "https://github.com/chalk/supports-color?sponsor=1"
       }
     },
+    "node_modules/jju": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/jju/-/jju-1.4.0.tgz",
+      "integrity": "sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==",
+      "dev": true
+    },
     "node_modules/js-beautify": {
       "version": "1.14.9",
       "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.9.tgz",
@@ -4981,6 +5518,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
+      "integrity": "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==",
+      "dev": true,
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
@@ -4990,6 +5536,12 @@
         "json-buffer": "3.0.1"
       }
     },
+    "node_modules/kolorist": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/kolorist/-/kolorist-1.8.0.tgz",
+      "integrity": "sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==",
+      "dev": true
+    },
     "node_modules/levn": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
@@ -5013,6 +5565,22 @@
         "node": ">=6.11.5"
       }
     },
+    "node_modules/local-pkg": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-0.5.0.tgz",
+      "integrity": "sha512-ok6z3qlYyCDS4ZEU27HaU6x/xZa9Whf8jD4ptH5UZTQYZVYeb9bnZ3ojVhiJNLiXK1Hfc0GNbLXcmZ5plLDDBg==",
+      "dev": true,
+      "dependencies": {
+        "mlly": "^1.4.2",
+        "pkg-types": "^1.0.3"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
@@ -5179,6 +5747,30 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/mlly": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.7.1.tgz",
+      "integrity": "sha512-rrVRZRELyQzrIUAVMHxP97kv+G786pHmOKzuFII8zDYahFBS7qnHh2AlYSl1GAHhaMPCz6/oHjVMcfFYgFYHgA==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.11.3",
+        "pathe": "^1.1.2",
+        "pkg-types": "^1.1.1",
+        "ufo": "^1.5.3"
+      }
+    },
+    "node_modules/mlly/node_modules/acorn": {
+      "version": "8.12.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/mock-xmlhttprequest": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/mock-xmlhttprequest/-/mock-xmlhttprequest-8.1.0.tgz",
@@ -5194,6 +5786,12 @@
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
       "dev": true
     },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+      "dev": true
+    },
     "node_modules/nanoid": {
       "version": "3.3.7",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
@@ -5364,6 +5962,12 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true
+    },
     "node_modules/path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
@@ -5451,6 +6055,17 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/pkg-types": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.2.0.tgz",
+      "integrity": "sha512-+ifYuSSqOQ8CqP4MbZA5hDpb97n3E8SVWdJe+Wms9kj745lmd3b7EZJiqvmLwAlmRfjrI7Hi5z3kdBJ93lFNPA==",
+      "dev": true,
+      "dependencies": {
+        "confbox": "^0.1.7",
+        "mlly": "^1.7.1",
+        "pathe": "^1.1.2"
+      }
+    },
     "node_modules/postcss": {
       "version": "8.4.41",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz",
@@ -5899,7 +6514,6 @@
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
       "dev": true,
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5941,6 +6555,15 @@
       "integrity": "sha512-JPbdCEQLj1w5GilpiHAx3qJvFndqybBysA3qUOnznweH4QbNYUsW/ea8QzSrnh0vNsezMMw5bcVool8lM0gwzg==",
       "dev": true
     },
+    "node_modules/string-argv": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/string-argv/-/string-argv-0.3.2.tgz",
+      "integrity": "sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.6.19"
+      }
+    },
     "node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
@@ -6577,6 +7200,12 @@
         "node": ">=4.2.0"
       }
     },
+    "node_modules/ufo": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.5.4.tgz",
+      "integrity": "sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==",
+      "dev": true
+    },
     "node_modules/unbox-primitive": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
@@ -6599,6 +7228,15 @@
       "dev": true,
       "peer": true
     },
+    "node_modules/universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.1.2.tgz",
+      "integrity": "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
@@ -6745,6 +7383,35 @@
         "url": "https://opencollective.com/vitest"
       }
     },
+    "node_modules/vite-plugin-dts": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/vite-plugin-dts/-/vite-plugin-dts-4.2.2.tgz",
+      "integrity": "sha512-USwTMReZFf8yXV+cKkm4WOMqmFjbReAvkyxON5xzdnZzJEBnFgax6BBDZIGGr9WMJYvhHdpaIHLrOjXDcla4OA==",
+      "dev": true,
+      "dependencies": {
+        "@microsoft/api-extractor": "7.47.7",
+        "@rollup/pluginutils": "^5.1.0",
+        "@volar/typescript": "^2.4.4",
+        "@vue/language-core": "2.1.6",
+        "compare-versions": "^6.1.1",
+        "debug": "^4.3.6",
+        "kolorist": "^1.8.0",
+        "local-pkg": "^0.5.0",
+        "magic-string": "^0.30.11"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "typescript": "*",
+        "vite": "*"
+      },
+      "peerDependenciesMeta": {
+        "vite": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/vitest": {
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/vitest/-/vitest-2.0.5.tgz",
@@ -6931,6 +7598,12 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/vscode-uri": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.0.8.tgz",
+      "integrity": "sha512-AyFQ0EVmsOZOlAnxoFOGOq1SQDWAB7C6aqMGS23svWAllfOaxbuFvcT8D1i8z3Gyn8fraVeZNNmN6e9bxxXkKw==",
+      "dev": true
+    },
     "node_modules/vue": {
       "version": "3.3.6",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.3.6.tgz",
diff --git a/package.json b/package.json
index c8e484ff..0016b6e9 100644
--- a/package.json
+++ b/package.json
@@ -23,10 +23,11 @@
     "version": "npm run build"
   },
   "engines": {
-    "node": ">=16.0.0 <21.0.0"
+    "node": ">=18.0.0 <23.0.0"
   },
   "type": "module",
   "files": [
+    "/src",
     "/dist",
     "/CHANGELOG.md",
     "/LICENSE",
@@ -90,6 +91,7 @@
     "rimraf": "3.0.2",
     "typescript": "4.5.5",
     "vite": "5.4.2",
+    "vite-plugin-dts": "4.2.2",
     "vitest": "2.0.5",
     "vue": "3.3.6",
     "vuex": "4.1.0"
diff --git a/src/Collection.ts b/src/Collection.ts
index eaa5cb0a..b0f3b382 100644
--- a/src/Collection.ts
+++ b/src/Collection.ts
@@ -1,52 +1,54 @@
+import type ResourceInterface from './interfaces/ResourceInterface'
+import type CollectionInterface from './interfaces/CollectionInterface'
+import type { Link, StoreDataCollection } from '@/interfaces/StoreData'
+
 import { isEntityReference } from './halHelpers'
 import LoadingCollection from './LoadingCollection'
-import ResourceInterface from './interfaces/ResourceInterface'
-import CollectionInterface from './interfaces/CollectionInterface'
-import { Link } from './interfaces/StoreData'
 import Resource from './Resource'
 
 /**
   * Filter out items that are marked as deleting (eager removal)
   */
-function filterDeleting (array: Array<ResourceInterface>): Array<ResourceInterface> {
+function filterDeleting<T extends ResourceInterface> (array: Array<T>): Array<T> {
   return array.filter(entry => !entry._meta.deleting)
 }
 
-class Collection extends Resource {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+class Collection<ItemType extends ResourceInterface, ResourceType extends CollectionInterface<ItemType, ResourceType> = any> extends Resource<ResourceType, StoreDataCollection<ResourceType>> implements CollectionInterface<ItemType, ResourceType> {
   /**
      * Get items excluding ones marked as 'deleting' (eager remove)
      * The items property should always be a getter, in order to make the call to mapArrayOfEntityReferences
      * lazy, since that potentially fetches a large number of entities from the API.
      */
-  public get items (): Array<ResourceInterface> {
-    return filterDeleting(this._mapArrayOfEntityReferences(this._storeData.items))
+  public get items (): Array<ItemType> {
+    return filterDeleting<ItemType>(this._mapArrayOfEntityReferences(this._storeData.items))
   }
 
   /**
      * Get all items including ones marked as 'deleting' (lazy remove)
      */
-  public get allItems (): Array<ResourceInterface> {
+  public get allItems (): Array<ItemType> {
     return this._mapArrayOfEntityReferences(this._storeData.items)
   }
 
   /**
      * Returns a promise that resolves to the collection object, once all items have been loaded
      */
-  public $loadItems () :Promise<CollectionInterface> {
+  public $loadItems (): Promise<this> {
     return this._itemLoader(this._storeData.items)
   }
 
   /**
      *  Returns a promise that resolves to the collection object, once all items have been loaded
      */
-  private _itemLoader (array: Array<Link>) : Promise<CollectionInterface> {
+  private _itemLoader (array: Array<ItemType | Link>) : Promise<this> {
     if (!this._containsUnknownEntityReference(array)) {
-      return Promise.resolve(this as unknown as CollectionInterface) // we know that this object must be of type CollectionInterface
+      return Promise.resolve(this)
     }
 
     // eager loading of 'fetchAllUri' (e.g. parent for embedded collections)
     if (this.config.avoidNPlusOneRequests) {
-      return this.apiActions.reload(this as unknown as CollectionInterface) as Promise<CollectionInterface> // we know that reload resolves to a type CollectionInterface
+      return this.apiActions.reload<this>(this)
 
       // no eager loading: replace each reference (Link) with a Resource (ResourceInterface)
     } else {
@@ -54,7 +56,7 @@ class Collection extends Resource {
 
       return Promise.all(
         arrayWithReplacedReferences.map(entry => entry._meta.load)
-      ).then(() => this as unknown as CollectionInterface) // we know that this object must be of type CollectionInterface
+      ).then(() => this)
     }
   }
 
@@ -63,12 +65,10 @@ class Collection extends Resource {
      * (or from the API if necessary), and returns that as a new array. In case some of the entity references in
      * the array have not finished loading yet, returns a LoadingCollection instead.
      * @param array            possibly mixed array of values and references
-     * @param fetchAllUri      URI that allows fetching all array items in a single network request, if known
-     * @param fetchAllProperty property in the entity from fetchAllUri that will contain the array
      * @returns array          the new array with replaced items, or a LoadingCollection if any of the array
      *                         elements is still loading.
      */
-  private _mapArrayOfEntityReferences (array: Array<Link>): Array<ResourceInterface> {
+  private _mapArrayOfEntityReferences (array: Array<Link>): Array<ItemType> {
     if (!this._containsUnknownEntityReference(array)) {
       return this._replaceEntityReferences(array)
     }
@@ -77,27 +77,26 @@ class Collection extends Resource {
 
     // eager loading of 'fetchAllUri' (e.g. parent for embedded collections)
     if (this.config.avoidNPlusOneRequests) {
-      return LoadingCollection.create(itemsLoaded)
+      return LoadingCollection.create<ItemType>(itemsLoaded)
 
       // no eager loading: replace each reference (Link) with a Resource (ResourceInterface)
     } else {
-      return LoadingCollection.create(itemsLoaded, this._replaceEntityReferences(array))
+      return LoadingCollection.create<ItemType>(itemsLoaded, this._replaceEntityReferences(array))
     }
   }
 
   /**
    * Replace each item in array with a proper Resource (or LoadingResource)
    */
-  private _replaceEntityReferences (array: Array<Link>): Array<ResourceInterface> {
-    return array
-      .filter(entry => isEntityReference(entry))
-      .map(entry => this.apiActions.get(entry.href))
+  private _replaceEntityReferences (array: Array<ItemType | Link>): Array<ItemType> {
+    const links = array.filter(isEntityReference)
+    return links.map(entry => this.apiActions.get<ItemType>(entry.href) as ItemType)
   }
 
   /**
    * Returns true if any of the items within 'array' is not yet known to the API (meaning it has never been loaded)
    */
-  private _containsUnknownEntityReference (array: Array<Link>): boolean {
+  private _containsUnknownEntityReference (array: Array<ItemType | Link>): array is Array<Link> {
     return array.some(entry => isEntityReference(entry) && this.apiActions.isUnknown(entry.href))
   }
 }
diff --git a/src/HalJsonVuexPlugin.ts b/src/HalJsonVuexPlugin.ts
new file mode 100644
index 00000000..d9793952
--- /dev/null
+++ b/src/HalJsonVuexPlugin.ts
@@ -0,0 +1,467 @@
+import normalize from 'hal-json-normalizer'
+import { parseTemplate } from 'url-template'
+import type { Store } from 'vuex/types'
+import type { AxiosError, AxiosInstance } from 'axios'
+
+import type ResourceInterface from './interfaces/ResourceInterface'
+import type { StoreData, Link, SerializablePromise } from './interfaces/StoreData'
+import type { ApiActions, StoreActions, HalJsonVuex } from './interfaces/Interfaces'
+import type { State } from './storeModule'
+import type { ExternalConfig } from './interfaces/Config'
+
+import normalizeEntityUri from './normalizeEntityUri'
+import ResourceCreator from './ResourceCreator'
+import LoadingResource from './LoadingResource'
+import storeModule from './storeModule'
+import ServerException from './ServerException'
+import { isVirtualResource } from './halHelpers'
+import { App, isVue2, isVue3, Vue2 } from 'vue-demi'
+
+/**
+ * Defines the API store methods available in all Vue components. The methods can be called as follows:
+ *
+ * // In a computed or method or lifecycle hook
+ * let book = this.api.get('/books/1')
+ * this.api.reload(book)
+ *
+ * // In the <template> part of a Vue component
+ * <li v-for="book in api.get('/books').items" :key="book._meta.self">...</li>
+ */
+export function HalJsonVuexPlugin<RootEndpoint extends ResourceInterface, FullStore> (store: Store<State<FullStore>>, axios: AxiosInstance, options: ExternalConfig): HalJsonVuex<RootEndpoint> & { install: (app: unknown) => void } {
+  const defaultOptions = {
+    apiName: 'api',
+    avoidNPlusOneRequests: true,
+    forceRequestedSelfLink: false
+  }
+
+  const opts = { ...defaultOptions, ...options, apiRoot: axios.defaults.baseURL }
+
+  store.registerModule(opts.apiName, { state: {}, ...storeModule })
+
+  const resourceCreator = new ResourceCreator<RootEndpoint>({ get, reload, post, patch, del, href, isUnknown }, opts)
+
+  /**
+     * Sends a POST request to the API, in order to create a new entity. Note that this does not
+     * reload any collections that this new entity might be in, the caller has to do that on their own.
+     * @param uriOrCollection URI (or instance) of a collection in which the entity should be created
+     * @param data            Payload to be sent in the POST request
+     * @returns Promise       resolves when the POST request has completed and the entity is available
+     *                        in the Vuex store.
+     */
+  function post<Item extends ResourceInterface> (uriOrCollection: string | ResourceInterface, data: unknown): Promise<Item | LoadingResource<Item> | null> {
+    const uri = normalizeEntityUri(uriOrCollection, axios.defaults.baseURL)
+    if (uri === null) {
+      return Promise.reject(new Error(`Could not perform POST, "${uriOrCollection}" is not an entity or URI`))
+    }
+
+    if (!isUnknown(uri)) {
+      const entity = get(uri)
+      if (isVirtualResource(entity)) {
+        return Promise.reject(new Error('post is not implemented for virtual resources'))
+      }
+    }
+
+    return axios.post(uri || '/', data).then(({ data, status }) => {
+      if (status === 204) {
+        return null
+      }
+      storeHalJsonData(data)
+      return get<Item>(data._links.self.href)
+    }, (error) => {
+      throw handleAxiosError('post to', uri, error)
+    })
+  }
+
+  /**
+     * Retrieves an entity from the Vuex store, or from the API in case it is not already fetched or a reload
+     * is forced.
+     * This function attempts to hide all API implementation details such as pagination, linked vs.
+     * embedded relations and loading state and instead provide an easy-to-use and consistent interface for
+     * developing frontend components.
+     *
+     * Basic usage in a Vue component:
+     * computed: {
+     *   allBooks () { return this.api.get('/books').items }
+     *   oneSpecificBook () { return this.api.get(`/books/${this.bookId}`) }
+     *   bookUri () { return this.oneSpecificBook._meta.self }
+     *   chapters () { return this.oneSpecificBook.chapters() }
+     *   user () { return this.api.get().profile() } // Root endpoint ('/') and navigate through self-discovery API
+     * },
+     * created () {
+     *   this.oneSpecificBook._meta.load.then(() => {
+     *     // do something now that the book is loaded from the API
+     *   })
+     * }
+     *
+     * @param uriOrEntity URI (or instance) of an entity to load from the store or API. If omitted, the root resource of the API is returned.
+     * @returns entity    Entity from the store. Note that when fetching an object for the first time, a reactive
+     *                    dummy is returned, which will be replaced with the true data through Vue's reactivity
+     *                    system as soon as the API request finishes.
+     */
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  function get<Item extends ResourceInterface = RootEndpoint> (uriOrEntity: string | ResourceInterface = ''): Item | LoadingResource<Item> {
+    const uri = normalizeEntityUri(uriOrEntity, axios.defaults.baseURL)
+
+    if (uri === null) {
+      if (uriOrEntity instanceof LoadingResource) {
+        // A LoadingResource is safe to return without breaking the UI.
+        return uriOrEntity
+      }
+      // We don't know anything about the requested object, something is wrong.
+      throw new Error(`Could not perform GET, "${uriOrEntity}" is not an entity or URI`)
+    }
+
+    setLoadPromiseOnStore(uri, load(uri, false))
+    return resourceCreator.wrap<Item>(store.state[opts.apiName][uri])
+  }
+
+  /**
+     * Reloads an entity from the API and returns a Promise that resolves when the reload has finished.
+     * This function contains protection against duplicate network requests, so while a reload is running,
+     * no second reload for the same URI will be triggered.
+     * Reloading does not set the ._meta.loading boolean flag.
+     *
+     * @param uriOrEntity URI (or instance) of an entity to reload from the API
+     * @returns Promise   Resolves when the GET request has completed and the updated entity is available
+     *                    in the Vuex store.
+     */
+  async function reload<Item extends ResourceInterface> (uriOrEntity: string | Item | LoadingResource<Item>): Promise<Item | LoadingResource<Item>> {
+    let resource: Item | LoadingResource<Item>
+
+    if (typeof uriOrEntity === 'string') {
+      resource = get<Item>(uriOrEntity)
+    } else {
+      resource = uriOrEntity
+    }
+
+    if (isVirtualResource(resource)) {
+      // For embedded collections which had to reload the parent entity, unwrap the embedded collection after loading has finished
+      const { owningResource, owningRelation } = resource._storeData._meta
+      return reload(owningResource).then(owner => owner[owningRelation]())
+    }
+
+    const uri = normalizeEntityUri(resource, axios.defaults.baseURL)
+
+    if (uri === null) {
+      // We don't know anything about the requested object, something is wrong.
+      throw new Error(`Could not perform reload, "${uriOrEntity}" is not an entity or URI`)
+    }
+
+    const loadPromise = load<StoreData>(uri, true)
+    // Catch all errors for the Promise that is saved to the store, to avoid unhandled promise rejections.
+    // The errors are still available to catch on the promise returned by reload.
+    setLoadPromiseOnStore(uri, loadPromise.catch(() => {
+      return store.state[opts.apiName][uri]
+    }))
+
+    return loadPromise.then(storeData => resourceCreator.wrap(storeData))
+  }
+
+  /**
+     * Returns true if uri doesn't exist in store (never loaded before)
+     * @param uri
+     */
+  function isUnknown (uri: string): boolean {
+    return !(uri in store.state[opts.apiName])
+  }
+
+  /**
+     * Loads the entity specified by the URI from the Vuex store, or from the API if necessary. If applicable,
+     * sets the load promise on the entity in the Vuex store.
+     * @param uri         URI of the entity to load
+     * @param forceReload If true, the entity will be fetched from the API even if it is already in the Vuex store.
+     * @returns entity    the current entity data from the Vuex store. Note: This may be a reactive dummy if the
+     *                    API request is still ongoing.
+     */
+  function load<StoreType extends StoreData> (uri: string, forceReload: boolean): Promise<StoreType> {
+    const existsInStore = !isUnknown(uri)
+
+    const isAlreadyLoading = existsInStore && (store.state[opts.apiName][uri]._meta || {}).loading
+    const isAlreadyReloading = existsInStore && (store.state[opts.apiName][uri]._meta || {}).reloading
+    if (isAlreadyLoading || (forceReload && isAlreadyReloading)) {
+      // Reuse the loading entity and load promise that is already waiting for a pending API request
+      return store.state[opts.apiName][uri]._meta.load
+    }
+
+    if (!existsInStore) {
+      store.commit('addEmpty', uri)
+    } else if (forceReload) {
+      store.commit('reloading', uri)
+    }
+
+    if (!existsInStore) {
+      return loadFromApi<StoreType>(uri, 'fetch')
+    } else if (forceReload) {
+      return loadFromApi<StoreType>(uri, 'reload').catch(error => {
+        store.commit('reloadingFailed', uri)
+        throw error
+      })
+    }
+
+    // Reuse the existing promise from the store if possible
+    return store.state[opts.apiName][uri]._meta.load || Promise.resolve(store.state[opts.apiName][uri])
+  }
+
+  /**
+     * Loads the entity specified by the URI from the API and stores it into the Vuex store. Returns a promise
+     * that resolves to the raw data stored in the Vuex store (needs to be resourceCreator.wrapped into a Resource before
+     * being usable in Vue components).
+     * @param uri       URI of the entity to load from the API
+     * @param operation description of the operation triggering this load, e.g. fetch or reload, for error reporting
+     * @returns Promise resolves to the raw data stored in the Vuex store after the API request completes, or
+     *                  rejects when the API request fails
+     */
+  function loadFromApi<StoreType extends StoreData> (uri: string, operation: string): Promise<StoreType> {
+    return axios.get(uri || '/').then(({ data }) => {
+      if (opts.forceRequestedSelfLink) {
+        data._links.self.href = uri
+      }
+      storeHalJsonData(data)
+      return store.state[opts.apiName][uri]
+    }, error => {
+      throw handleAxiosError(operation, uri, error)
+    })
+  }
+
+  /**
+     * Loads the URI of a related entity from the store, or the API in case it is not already fetched.
+     *
+     * @param uriOrEntity    URI (or instance) of an entity from the API
+     * @param relation       the name of the relation for which the URI should be retrieved
+     * @param templateParams in case the relation is a templated link, the template parameters that should be filled in
+     * @returns Promise      resolves to the URI of the related entity.
+     */
+  async function href<Item extends ResourceInterface> (uriOrEntity: string | Item, relation: string, templateParams: Record<string, string | number | boolean> = {}): Promise<string | undefined> {
+    const selfUri = normalizeEntityUri(await get<Item>(uriOrEntity)._meta.load, axios.defaults.baseURL)
+    const rel = selfUri != null ? store.state[opts.apiName][selfUri][relation] : null
+    if (!rel || !rel.href) return undefined
+    if (rel.templated) {
+      return parseTemplate(rel.href).expand(templateParams)
+    }
+    return rel.href
+  }
+
+  /**
+     * Sends a PATCH request to the API, in order to update some fields in an existing entity.
+     * @param uriOrEntity URI (or instance) of an entity which should be updated
+     * @param data        Payload (fields to be updated) to be sent in the PATCH request
+     * @returns Promise   resolves when the PATCH request has completed and the updated entity is available
+     *                    in the Vuex store.
+     */
+  function patch<Item extends ResourceInterface<Item>> (uriOrEntity: string | ResourceInterface, data: unknown): Promise<Item | LoadingResource<Item>> {
+    const uri = normalizeEntityUri(uriOrEntity, axios.defaults.baseURL)
+    if (uri === null) {
+      return Promise.reject(new Error(`Could not perform PATCH, "${uriOrEntity}" is not an entity or URI`))
+    }
+    const existsInStore = !isUnknown(uri)
+
+    if (existsInStore) {
+      const entity = get<Item>(uri)
+      if (isVirtualResource(entity)) {
+        return Promise.reject(new Error('patch is not implemented for virtual resources'))
+      }
+    }
+
+    if (!existsInStore) {
+      store.commit('addEmpty', uri)
+    }
+
+    return axios.patch(uri || '/', data).then(({ data }) => {
+      if (opts.forceRequestedSelfLink) {
+        data._links.self.href = uri
+      }
+      storeHalJsonData(data)
+      return get<Item>(uri)
+    }, (error) => {
+      throw handleAxiosError('patch', uri, error)
+    })
+  }
+
+  /**
+     * Removes a single entity from the Vuex store (but does not delete it using the API). Note that if the
+     * entity is currently referenced and displayed through any other entity, the reactivity system will
+     * immediately re-fetch the purged entity from the API in order to re-display it.
+     * @param uriOrEntity URI (or instance) of an entity which should be removed from the Vuex store
+     */
+  function purge (uriOrEntity: string | ResourceInterface): void {
+    const uri = normalizeEntityUri(uriOrEntity, axios.defaults.baseURL)
+    if (uri === null) {
+      // Can't purge an unknown URI, do nothing
+      return
+    }
+    store.commit('purge', uri)
+  }
+
+  /**
+     * Removes all stored entities from the Vuex store (but does not delete them using the API).
+     */
+  function purgeAll (): void {
+    store.commit('purgeAll')
+  }
+
+  /**
+     * Attempts to permanently delete a single entity using a DELETE request to the API.
+     * This function performs the following operations when given the URI of an entity E:
+     * 1. Marks E in the Vuex store with the ._meta.deleting flag
+     * 2. Sends a DELETE request to the API in order to delete E (in case of failure, the
+     *    deleted flag is reset and the operation is aborted)
+     * 3. Finds all entities [...R] in the store that reference E (e.g. find the corresponding book when
+     *    deleting a chapter) and reloads them from the API
+     * 4. Purges E from the Vuex store
+     * @param uriOrEntity URI (or instance) of an entity which should be deleted
+     * @returns Promise   resolves when the DELETE request has completed and either all related entites have
+     *                    been reloaded from the API, or the failed deletion has been cleaned up.
+     */
+  function del (uriOrEntity: string | ResourceInterface): Promise<void> {
+    const uri = normalizeEntityUri(uriOrEntity, axios.defaults.baseURL)
+    if (uri === null) {
+      // Can't delete an unknown URI, do nothing
+      return Promise.reject(new Error(`Could not perform DELETE, "${uriOrEntity}" is not an entity or URI`))
+    }
+
+    if (!isUnknown(uri)) {
+      const entity = get<ResourceInterface>(uri)
+      if (isVirtualResource(entity)) {
+        return Promise.reject(new Error('del is not implemented for virtual resources'))
+      }
+    }
+
+    store.commit('deleting', uri)
+    return axios.delete(uri || '/').then(
+      () => deleted(uri),
+      (error) => {
+        store.commit('deletingFailed', uri)
+        throw handleAxiosError('delete', uri, error)
+      }
+    )
+  }
+
+  function valueIsArrayWithReferenceTo (value: unknown, uri: string) {
+    return Array.isArray(value) && value.some(entry => valueIsReferenceTo(entry, uri))
+  }
+
+  function valueIsReferenceTo (value: unknown, uri: string): boolean {
+    if (value === null) return false
+    if (typeof value !== 'object') return false
+
+    const objectKeys = Object.keys(value as Record<string, unknown>)
+    return objectKeys.length === 1 && objectKeys[0] === 'href' && (value as Link).href === uri
+  }
+
+  function findEntitiesReferencing<StoreType> (uri: string): Array<StoreData<StoreType>> {
+    return Object.values(store.state[opts.apiName])
+      .filter((entity) => {
+        return Object.values(entity).some(propertyValue =>
+          valueIsReferenceTo(propertyValue, uri) || valueIsArrayWithReferenceTo(propertyValue, uri)
+        )
+      })
+  }
+
+  /**
+     * Cleans up the Vuex store after an entity is found to be deleted (HTTP status 204 or 404) from the API.
+     * @param uri       URI of an entity which is not available (anymore) in the API
+     * @returns Promise resolves when the cleanup has completed and the Vuex store is up to date again
+     */
+  function deleted (uri: string): Promise<void> {
+    return Promise.all(findEntitiesReferencing(uri)
+    // don't reload entities that are already being deleted, to break circular dependencies
+      .filter(outdatedEntity => !outdatedEntity._meta.deleting)
+
+    // reload outdated entities...
+      .map(outdatedEntity => reload(outdatedEntity._meta.self).catch(() => {
+        // ...but ignore any errors (such as 404 errors during reloading)
+        // handleAxiosError will take care of recursively deleting cascade-deleted entities
+      }))
+    ).then(() => purge(uri))
+  }
+
+  /**
+     * Normalizes raw data from the API and stores it into the Vuex store.
+     * @param data HAL JSON data received from the API
+     */
+  function storeHalJsonData (data: Record<string, unknown>): void {
+    const normalizedData = normalize(data, {
+      camelizeKeys: false,
+      metaKey: '_meta',
+      normalizeUri: (uri: string) => normalizeEntityUri(uri, axios.defaults.baseURL),
+      filterReferences: true,
+      embeddedStandaloneListKey: 'items',
+      virtualSelfLinks: true
+    })
+    store.commit('add', normalizedData)
+
+    // sets dummy promise which immediately resolves to store data
+    Object.keys(normalizedData).forEach(uri => {
+      setLoadPromiseOnStore(uri)
+    })
+  }
+
+  /**
+     * Mutate the store state without telling Vuex about it, so it won't complain and won't make the load promise
+     * reactive.
+     * The promise is needed in the store for some special cases when a loading entity is requested a second time with
+     * this.api.get(...) or this.api.reload(...), or when an embedded collection is reloaded.
+     * @param uri
+     * @param loadStoreData
+     */
+  function setLoadPromiseOnStore<StoreType> (uri: string, loadStoreData: Promise<StoreData<StoreType>> | null = null) {
+    const promise: SerializablePromise<StoreData<StoreType>> = loadStoreData || Promise.resolve(store.state[opts.apiName][uri])
+    promise.toJSON = () => '{}' // avoid warning in Nuxt when serializing the complete Vuex store ("Cannot stringify arbitrary non-POJOs Promise")
+    store.state[opts.apiName][uri]._meta.load = promise
+  }
+
+  /**
+     * Processes error object received from Axios for further usage. Triggers delete chain as side effect.
+     * @param operation       Describes the action that was ongoing while the error happened, e.g. get or reload
+     * @param uri             Requested URI that triggered the error
+     * @param error           Raw error object received from Axios
+     * @returns Error         Return new error object with human understandable error message
+     */
+  function handleAxiosError (operation: string, uri: string, error: AxiosError): Error {
+    // Server Error (response received but with error code)
+    if (error.response) {
+      const response = error.response
+
+      if (response.status === 404) {
+        // 404 Entity not found error
+        store.commit('deleting', uri)
+        deleted(uri) // no need to wait for delete operation to finish
+        return new ServerException(response, `Could not ${operation} "${uri}"`, error)
+      } else if (response.status === 403) {
+        // 403 Permission error
+        return new ServerException(response, `No permission to ${operation} "${uri}"`, error)
+      } else {
+        // other unknown server error
+        return new ServerException(response, `Error trying to ${operation} "${uri}"`, error)
+      }
+    } else {
+      // another error
+      error.message = `Error trying to ${operation} "${uri}": ${error.message}`
+      return error
+    }
+  }
+
+  const apiActions: ApiActions<RootEndpoint> = { post, get, reload, del, patch, href, isUnknown }
+  const storeActions: StoreActions = { purge, purgeAll }
+  const halJsonVuex: HalJsonVuex<RootEndpoint> = { ...apiActions, ...storeActions }
+
+  function install (app: App | typeof Vue2) {
+    if (isVue3) {
+      Object.defineProperty(app.config.globalProperties, opts.apiName, {
+        get: () => halJsonVuex,
+        configurable: true
+      })
+    } else if (isVue2) {
+      Object.defineProperty(app.prototype, opts.apiName, {
+        get: () => halJsonVuex,
+        configurable: true
+      })
+    } else {
+      throw new Error('Neither Vue2 or Vue3 detected')
+    }
+  }
+
+  return { ...halJsonVuex, install }
+}
+
+export default HalJsonVuexPlugin
diff --git a/src/LoadingCollection.ts b/src/LoadingCollection.ts
index 0c82a065..c0a8a69e 100644
--- a/src/LoadingCollection.ts
+++ b/src/LoadingCollection.ts
@@ -1,5 +1,6 @@
+import type ResourceInterface from './interfaces/ResourceInterface'
+
 import LoadingResource from './LoadingResource'
-import ResourceInterface from './interfaces/ResourceInterface'
 
 class LoadingCollection {
   /**
@@ -9,7 +10,7 @@ class LoadingCollection {
    * @param loadArray       Promise that resolves once the array has finished loading
    * @param existingContent optionally set the elements that are already known, for random access
    */
-  static create (loadArray: Promise<Array<ResourceInterface> | undefined>, existingContent: Array<ResourceInterface> = []): Array<ResourceInterface> {
+  static create<ItemType extends ResourceInterface> (loadArray: Promise<Array<ItemType> | undefined>, existingContent: Array<ItemType> = []): Array<ItemType> {
     // if the Promise resolves to undefined, provide empty array
     // this could happen if items is accessed from a LoadingResource, which resolves to a normal entity without 'items'
     const loadArraySafely = loadArray.then(array => array ?? [])
@@ -19,7 +20,7 @@ class LoadingCollection {
     singleResultFunctions.forEach(func => {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       existingContent[func] = (...args: any[]) => {
-        const resultLoaded = loadArraySafely.then(array => array[func](...args) as ResourceInterface)
+        const resultLoaded = loadArraySafely.then(array => array[func](...args) as ItemType)
         return new LoadingResource(resultLoaded)
       }
     })
@@ -29,7 +30,7 @@ class LoadingCollection {
     arrayResultFunctions.forEach(func => {
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       existingContent[func] = (...args: any[]) => {
-        const resultLoaded = loadArraySafely.then(array => array[func](...args) as Array<ResourceInterface>) // TODO: return type for .map() is not necessarily an Array<ResourceInterface>
+        const resultLoaded = loadArraySafely.then(array => array[func](...args) as Array<ItemType>) // TODO: return type for .map() is not necessarily an Array<ResourceInterface>
         return LoadingCollection.create(resultLoaded)
       }
     })
diff --git a/src/LoadingResource.ts b/src/LoadingResource.ts
index 3e7df1fd..1f062eda 100644
--- a/src/LoadingResource.ts
+++ b/src/LoadingResource.ts
@@ -1,7 +1,9 @@
+import type ResourceInterface from './interfaces/ResourceInterface'
+import type CollectionInterface from './interfaces/CollectionInterface'
+import type { InternalConfig } from './interfaces/Config'
+
 import LoadingCollection from './LoadingCollection'
-import ResourceInterface from './interfaces/ResourceInterface'
-import CollectionInterface from './interfaces/CollectionInterface'
-import { InternalConfig } from './interfaces/Config'
+import { isCollectionInterface } from './halHelpers'
 
 /**
  * Creates a placeholder for an entity which has not yet finished loading from the API.
@@ -15,15 +17,15 @@ import { InternalConfig } from './interfaces/Config'
  * let user = new LoadingResource(...)
  * 'The "' + user + '" is called "' + user.name + '"' // gives 'The "" is called ""'
  */
-class LoadingResource implements ResourceInterface {
+class LoadingResource<ResourceType extends (ResourceInterface | CollectionInterface<ResourceType>)> implements ResourceInterface<ResourceType> {
   public _meta: {
     self: string | null,
     selfUrl: string | null,
-    load: Promise<ResourceInterface>
+    load: Promise<ResourceType>
     loading: boolean
   }
 
-  private loadResource: Promise<ResourceInterface>
+  private loadResource: Promise<ResourceType>
 
   /**
    * @param loadResource a Promise that resolves to a Resource when the entity has finished
@@ -32,7 +34,7 @@ class LoadingResource implements ResourceInterface {
    *                     returned LoadingResource will return it in calls to .self and ._meta.self
    * @param config       configuration of this instance of hal-json-vuex
    */
-  constructor (loadResource: Promise<ResourceInterface>, self: string | null = null, config: InternalConfig | null = null) {
+  constructor (loadResource: Promise<ResourceType>, self: string | null = null, config: InternalConfig | null = null) {
     this._meta = {
       self: self,
       selfUrl: self ? config?.apiRoot + self : null,
@@ -43,7 +45,7 @@ class LoadingResource implements ResourceInterface {
     this.loadResource = loadResource
 
     const handler = {
-      get: function (target: LoadingResource, prop: string | number | symbol) {
+      get: function (target: LoadingResource<ResourceType>, prop: string | number | symbol) {
         // This is necessary so that Vue's reactivity system understands to treat this LoadingResource
         // like a normal object.
         if (prop === Symbol.toPrimitive) {
@@ -80,28 +82,33 @@ class LoadingResource implements ResourceInterface {
     return new Proxy(this, handler)
   }
 
-  get items (): Array<ResourceInterface> {
-    return LoadingCollection.create(this.loadResource.then(resource => (resource as CollectionInterface).items))
+  get items (): Array<ResourceType> {
+    return LoadingCollection.create(this.loadResource.then(resource => (resource as CollectionInterface<ResourceType>).items))
   }
 
-  get allItems (): Array<ResourceInterface> {
-    return LoadingCollection.create(this.loadResource.then(resource => (resource as CollectionInterface).allItems))
+  get allItems (): Array<ResourceType> {
+    return LoadingCollection.create(this.loadResource.then(resource => (resource as CollectionInterface<ResourceType>).allItems))
   }
 
-  public $reload (): Promise<ResourceInterface> {
+  public $reload (): Promise<ResourceType> {
     // Skip reloading entities that are already loading
     return this._meta.load
   }
 
-  public $loadItems (): Promise<CollectionInterface> {
-    return this._meta.load.then(resource => (resource as CollectionInterface).$loadItems())
+  public $loadItems (): Promise<CollectionInterface<ResourceType>> {
+    return this._meta.load.then((resource) => {
+      if (isCollectionInterface<ResourceType>(resource)) {
+        return resource.$loadItems()
+      }
+      throw new Error('This LoadingResource is not a collection')
+    })
   }
 
-  public $post (data: unknown): Promise<ResourceInterface | null> {
+  public $post (data: unknown): Promise<ResourceType | null> {
     return this._meta.load.then(resource => resource.$post(data))
   }
 
-  public $patch (data: unknown): Promise<ResourceInterface> {
+  public $patch (data: unknown): Promise<ResourceType> {
     return this._meta.load.then(resource => resource.$patch(data))
   }
 
diff --git a/src/Resource.ts b/src/Resource.ts
index 085716cc..9dfb4020 100644
--- a/src/Resource.ts
+++ b/src/Resource.ts
@@ -1,25 +1,27 @@
 import { parseTemplate } from 'url-template'
+
+import type ResourceInterface from './interfaces/ResourceInterface'
+import type { ApiActions } from './interfaces/Interfaces'
+import type { StoreData, StoreDataEntity } from './interfaces/StoreData'
+import type { InternalConfig } from './interfaces/Config'
 import { isTemplatedLink, isVirtualLink, isEntityReference } from './halHelpers'
-import ResourceInterface from './interfaces/ResourceInterface'
-import ApiActions from './interfaces/ApiActions'
-import { StoreData } from './interfaces/StoreData'
 import ResourceCreator from './ResourceCreator'
-import { InternalConfig } from './interfaces/Config'
 
 /**
  * Represents an actual Resource, by wrapping the given Vuex store storeData. The storeData must not be loading.
  * If the storeData has been loaded into the store before but is currently reloading, the old storeData will be
  * returned, along with a ._meta.load promise that resolves when the reload is complete.
  */
-class Resource implements ResourceInterface {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+class Resource<ResourceType extends ResourceInterface, StoreType extends StoreData<ResourceType> = StoreDataEntity<ResourceType>> implements ResourceInterface<ResourceType> {
   public _meta: {
     self: string,
     selfUrl: string,
-    load: Promise<ResourceInterface>
+    load: Promise<ResourceType>
     loading: boolean
   }
 
-  _storeData: StoreData
+  _storeData: StoreType
   config: InternalConfig
   apiActions: ApiActions
 
@@ -29,7 +31,7 @@ class Resource implements ResourceInterface {
    * @param resourceCreator inject dependency Resource factory
    * @param config inject dependency: config options
    */
-  constructor (storeData: StoreData, apiActions: ApiActions, resourceCreator: ResourceCreator, config: InternalConfig) {
+  constructor (storeData: StoreType, apiActions: ApiActions, resourceCreator: ResourceCreator, config: InternalConfig) {
     this.apiActions = apiActions
     this.config = config
     this._storeData = storeData
@@ -59,7 +61,7 @@ class Resource implements ResourceInterface {
 
     // Use a trivial load promise to break endless recursion, except if we are currently reloading the storeData from the API
     const loadResource = storeData._meta.reloading
-      ? (storeData._meta.load as Promise<StoreData>).then(reloadedData => resourceCreator.wrap(reloadedData))
+      ? storeData._meta.load.then(reloadedData => resourceCreator.wrap(reloadedData))
       : Promise.resolve(this)
 
     // Use a shallow clone of _meta, since we don't want to overwrite the ._meta.load promise or self link in the Vuex store
@@ -71,15 +73,15 @@ class Resource implements ResourceInterface {
     }
   }
 
-  $reload (): Promise<ResourceInterface> {
+  $reload (): Promise<ResourceType> {
     return this.apiActions.reload(this)
   }
 
-  $post (data: unknown): Promise<ResourceInterface | null> {
+  $post (data: unknown): Promise<ResourceType | null> {
     return this.apiActions.post(this._meta.self, data)
   }
 
-  $patch (data: unknown): Promise<ResourceInterface> {
+  $patch (data: unknown): Promise<ResourceType> {
     return this.apiActions.patch(this._meta.self, data)
   }
 
@@ -93,7 +95,7 @@ class Resource implements ResourceInterface {
 
   /**
    * Serialize object to JSON
-   * this avoid warnings in Nuxt "Cannot stringify arbitrary non-POJOs"
+   * this avoids warnings in Nuxt "Cannot stringify arbitrary non-POJOs"
    */
   toJSON (): string {
     // for the lack of any better alternative, return store data as JSON
diff --git a/src/ResourceCreator.ts b/src/ResourceCreator.ts
index bc395301..882872cb 100644
--- a/src/ResourceCreator.ts
+++ b/src/ResourceCreator.ts
@@ -1,15 +1,15 @@
+import type { ApiActions } from './interfaces/Interfaces'
+import type { InternalConfig } from './interfaces/Config'
+import type { StoreData } from './interfaces/StoreData'
+import type ResourceInterface from './interfaces/ResourceInterface'
 import Resource from './Resource'
-import LoadingResource from './LoadingResource'
-import ApiActions from './interfaces/ApiActions'
-import { InternalConfig } from './interfaces/Config'
-import { StoreData } from './interfaces/StoreData'
-import ResourceInterface from './interfaces/ResourceInterface'
 import Collection from './Collection'
+import LoadingResource from './LoadingResource'
 import { isCollection } from './halHelpers'
 
-class ResourceCreator {
+class ResourceCreator<RootEndpoint extends ResourceInterface = ResourceInterface> {
   private config: InternalConfig
-  private apiActions: ApiActions
+  private apiActions: ApiActions<RootEndpoint>
 
   constructor ({ get, reload, post, patch, href, del, isUnknown }: ApiActions, config: InternalConfig = {}) {
     this.apiActions = { get, reload, post, patch, href, del, isUnknown }
@@ -43,28 +43,28 @@ class ResourceCreator {
    * @param data                entity data from the Vuex store
    * @returns object            wrapped entity ready for use in a frontend component
    */
-  wrap (data: StoreData): ResourceInterface {
+  wrap<ResourceType extends ResourceInterface> (data: StoreData<ResourceType>): ResourceType {
     const meta = data._meta || { load: Promise.resolve(), loading: false }
 
     // Resource is loading --> return LoadingResource
     if (meta.loading) {
-      const loadResource = (meta.load as Promise<StoreData>).then(storeData => this.wrapData(storeData))
-      return new LoadingResource(loadResource, meta.self, this.config)
+      const loadResource = (meta.load as Promise<StoreData<ResourceType>>).then(storeData => this.wrapData<ResourceType>(storeData))
+      return new LoadingResource<ResourceType>(loadResource, meta.self, this.config) as unknown as ResourceType
 
     // Resource is not loading --> wrap actual data
     } else {
-      return this.wrapData(data)
+      return this.wrapData<ResourceType>(data)
     }
   }
 
-  wrapData (data: StoreData): ResourceInterface {
+  wrapData<ResourceType extends ResourceInterface<ResourceType>> (data: StoreData<ResourceType>): ResourceType {
     // Store data looks like a collection --> return CollectionInterface
-    if (isCollection(data)) {
-      return new Collection(data, this.apiActions, this, this.config) // these parameters are passed to Resource constructor
+    if (isCollection<ResourceType>(data)) {
+      return new Collection<ResourceType>(data, this.apiActions, this, this.config) as unknown as ResourceType
 
     // else Store Data looks like an entity --> return normal Resource
     } else {
-      return new Resource(data, this.apiActions, this, this.config)
+      return new Resource<ResourceType>(data, this.apiActions, this, this.config) as unknown as ResourceType
     }
   }
 }
diff --git a/src/ServerException.ts b/src/ServerException.ts
index 331b079f..bd460eaf 100644
--- a/src/ServerException.ts
+++ b/src/ServerException.ts
@@ -1,4 +1,4 @@
-import { AxiosError, AxiosResponse } from 'axios'
+import type { AxiosError, AxiosResponse } from 'axios'
 
 /**
  * Error class for returning server exceptions (attaches Axios response object to error)
diff --git a/src/halHelpers.ts b/src/halHelpers.ts
index 5373da86..5c421cad 100644
--- a/src/halHelpers.ts
+++ b/src/halHelpers.ts
@@ -1,12 +1,13 @@
 import { Link, VirtualLink, TemplatedLink, StoreDataCollection } from './interfaces/StoreData'
 import { ResourceInterface, VirtualResource } from './interfaces/ResourceInterface'
+import CollectionInterface from './interfaces/CollectionInterface'
 
-type keyValueObject = Record<string, unknown>
+export type keyValueObject = Record<string, unknown>
 
 /**
  * Verifies that two arrays contain the same values while ignoring the order
  */
-function isEqualIgnoringOrder<T> (array: Array<T>, other: Array<T>) :boolean {
+function isEqualIgnoringOrder<T> (array: Array<T>, other: Array<T>): boolean {
   return array.length === other.length && array.every(elem => other.includes(elem))
 }
 
@@ -26,9 +27,9 @@ function isTemplatedLink (object: keyValueObject): object is TemplatedLink {
  * @param object    to be examined
  * @returns boolean true if the object looks like an entity reference, false otherwise
  */
-function isEntityReference (object: keyValueObject): object is Link {
+function isEntityReference (object: unknown): object is Link {
   if (!object) return false
-  return isEqualIgnoringOrder(Object.keys(object), ['href'])
+  return isEqualIgnoringOrder(Object.keys((object as Link)), ['href'])
 }
 
 /**
@@ -48,7 +49,7 @@ function isVirtualLink (object: keyValueObject): object is VirtualLink {
  * @returns boolean  true if resource is a VirtualResource
  */
 function isVirtualResource (resource: ResourceInterface): resource is VirtualResource {
-  return (resource as VirtualResource)._storeData?._meta?.virtual
+  return (resource as VirtualResource)._storeData?._meta?.virtual as boolean
 }
 
 /**
@@ -56,8 +57,12 @@ function isVirtualResource (resource: ResourceInterface): resource is VirtualRes
  * @param object    to be examined
  * @returns boolean true if the object looks like a standalone collection, false otherwise
  */
-function isCollection (object: keyValueObject): object is StoreDataCollection {
-  return !!(object && Array.isArray(object.items))
+function isCollection<StoreType> (object: unknown): object is StoreDataCollection<StoreType> {
+  return !!(object && Array.isArray((object as StoreDataCollection<StoreType>).items))
 }
 
-export { isTemplatedLink, isVirtualLink, isEntityReference, isCollection, isVirtualResource }
+function isCollectionInterface<Item extends ResourceInterface> (object: ResourceInterface): object is CollectionInterface<Item> {
+  return isCollection(object._storeData)
+}
+
+export { isTemplatedLink, isVirtualLink, isEntityReference, isCollection, isVirtualResource, isCollectionInterface }
diff --git a/src/index.ts b/src/index.ts
index 7d691cc4..a2b975c4 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,467 +1,15 @@
-import normalize from 'hal-json-normalizer'
-import { parseTemplate } from 'url-template'
-import normalizeEntityUri from './normalizeEntityUri'
-import ResourceCreator from './ResourceCreator'
+import type { CollectionInterface } from './interfaces/CollectionInterface'
+import type { ResourceInterface } from './interfaces/ResourceInterface'
+import type { ResourceReference, CollectionReference } from './interfaces/References'
+import type { HalJsonVuex } from './interfaces/Interfaces'
+import HalJsonVuexPlugin from './HalJsonVuexPlugin'
 import Resource from './Resource'
+import Collection from './Collection'
 import LoadingResource from './LoadingResource'
-import storeModule, { State } from './storeModule'
-import ServerException from './ServerException'
-import { ExternalConfig } from './interfaces/Config'
-import { Store } from 'vuex/types'
-import { AxiosInstance, AxiosError } from 'axios'
-import ResourceInterface from './interfaces/ResourceInterface'
-import StoreData, { Link, SerializablePromise } from './interfaces/StoreData'
-import ApiActions from './interfaces/ApiActions'
-import { isVirtualResource } from './halHelpers'
-import { App, isVue2, isVue3, Vue2 } from 'vue-demi'
 
-/**
- * Defines the API store methods available in all Vue components. The methods can be called as follows:
- *
- * // In a computed or method or lifecycle hook
- * let book = this.api.get('/books/1')
- * this.api.reload(book)
- *
- * // In the <template> part of a Vue component
- * <li v-for="book in api.get('/books').items" :key="book._meta.self">...</li>
- */
+export type { ResourceInterface, CollectionInterface, HalJsonVuex }
+export type { ResourceReference, CollectionReference }
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-function HalJsonVuex (store: Store<Record<string, State>>, axios: AxiosInstance, options: ExternalConfig): any {
-  const defaultOptions = {
-    apiName: 'api',
-    avoidNPlusOneRequests: true,
-    forceRequestedSelfLink: false
-  }
-  const opts = { ...defaultOptions, ...options, apiRoot: axios.defaults.baseURL }
+export { HalJsonVuexPlugin, Resource, Collection, LoadingResource }
 
-  store.registerModule(opts.apiName, { state: {}, ...storeModule })
-
-  const resourceCreator = new ResourceCreator({ get, reload, post, patch, del, href, isUnknown }, opts)
-
-  /**
-   * Sends a POST request to the API, in order to create a new entity. Note that this does not
-   * reload any collections that this new entity might be in, the caller has to do that on their own.
-   * @param uriOrCollection URI (or instance) of a collection in which the entity should be created
-   * @param data            Payload to be sent in the POST request
-   * @returns Promise       resolves when the POST request has completed and the entity is available
-   *                        in the Vuex store.
-   */
-  function post (uriOrCollection: string | ResourceInterface, data: unknown): Promise<ResourceInterface | null> {
-    const uri = normalizeEntityUri(uriOrCollection, axios.defaults.baseURL)
-    if (uri === null) {
-      return Promise.reject(new Error(`Could not perform POST, "${uriOrCollection}" is not an entity or URI`))
-    }
-
-    if (!isUnknown(uri)) {
-      const entity = get(uri)
-      if (isVirtualResource(entity)) {
-        return Promise.reject(new Error('post is not implemented for virtual resources'))
-      }
-    }
-
-    return axios.post(uri || '/', data).then(({ data, status }) => {
-      if (status === 204) {
-        return null
-      }
-      storeHalJsonData(data)
-      return get(data._links.self.href)
-    }, (error) => {
-      throw handleAxiosError('post to', uri, error)
-    })
-  }
-
-  /**
-   * Retrieves an entity from the Vuex store, or from the API in case it is not already fetched or a reload
-   * is forced.
-   * This function attempts to hide all API implementation details such as pagination, linked vs.
-   * embedded relations and loading state and instead provide an easy-to-use and consistent interface for
-   * developing frontend components.
-   *
-   * Basic usage in a Vue component:
-   * computed: {
-   *   allBooks () { return this.api.get('/books').items }
-   *   oneSpecificBook () { return this.api.get(`/books/${this.bookId}`) }
-   *   bookUri () { return this.oneSpecificBook._meta.self }
-   *   chapters () { return this.oneSpecificBook.chapters() }
-   *   user () { return this.api.get().profile() } // Root endpoint ('/') and navigate through self-discovery API
-   * },
-   * created () {
-   *   this.oneSpecificBook._meta.load.then(() => {
-   *     // do something now that the book is loaded from the API
-   *   })
-   * }
-   *
-   * @param uriOrEntity URI (or instance) of an entity to load from the store or API. If omitted, the root resource of the API is returned.
-   * @returns entity    Entity from the store. Note that when fetching an object for the first time, a reactive
-   *                    dummy is returned, which will be replaced with the true data through Vue's reactivity
-   *                    system as soon as the API request finishes.
-   */
-  function get (uriOrEntity: string | ResourceInterface = ''): ResourceInterface {
-    const uri = normalizeEntityUri(uriOrEntity, axios.defaults.baseURL)
-
-    if (uri === null) {
-      if (uriOrEntity instanceof LoadingResource) {
-        // A LoadingResource is safe to return without breaking the UI.
-        return uriOrEntity
-      }
-      // We don't know anything about the requested object, something is wrong.
-      throw new Error(`Could not perform GET, "${uriOrEntity}" is not an entity or URI`)
-    }
-
-    setLoadPromiseOnStore(uri, load(uri, false))
-    return resourceCreator.wrap(store.state[opts.apiName][uri])
-  }
-
-  /**
-   * Reloads an entity from the API and returns a Promise that resolves when the reload has finished.
-   * This function contains protection against duplicate network requests, so while a reload is running,
-   * no second reload for the same URI will be triggered.
-   * Reloading does not set the ._meta.loading boolean flag.
-   *
-   * @param uriOrEntity URI (or instance) of an entity to reload from the API
-   * @returns Promise   Resolves when the GET request has completed and the updated entity is available
-   *                    in the Vuex store.
-   */
-  async function reload (uriOrEntity: string | ResourceInterface): Promise<ResourceInterface> {
-    let resource: ResourceInterface
-
-    if (typeof uriOrEntity === 'string') {
-      resource = get(uriOrEntity)
-    } else {
-      resource = uriOrEntity
-    }
-
-    if (isVirtualResource(resource)) {
-      // For embedded collections which had to reload the parent entity, unwrap the embedded collection after loading has finished
-      const { owningResource, owningRelation } = resource._storeData._meta
-      return reload(owningResource).then(owner => owner[owningRelation]())
-    }
-
-    const uri = normalizeEntityUri(resource, axios.defaults.baseURL)
-
-    if (uri === null) {
-      // We don't know anything about the requested object, something is wrong.
-      throw new Error(`Could not perform reload, "${uriOrEntity}" is not an entity or URI`)
-    }
-
-    const loadPromise = load(uri, true)
-    // Catch all errors for the Promise that is saved to the store, to avoid unhandled promise rejections.
-    // The errors are still available to catch on the promise returned by reload.
-    setLoadPromiseOnStore(uri, loadPromise.catch(() => {
-      return store.state[opts.apiName][uri]
-    }))
-
-    return loadPromise.then(storeData => resourceCreator.wrap(storeData))
-  }
-
-  /**
-   * Returns true if uri doesn't exist in store (never loaded before)
-   * @param uri
-   */
-  function isUnknown (uri: string): boolean {
-    return !(uri in store.state[opts.apiName])
-  }
-
-  /**
-   * Loads the entity specified by the URI from the Vuex store, or from the API if necessary. If applicable,
-   * sets the load promise on the entity in the Vuex store.
-   * @param uri         URI of the entity to load
-   * @param forceReload If true, the entity will be fetched from the API even if it is already in the Vuex store.
-   * @returns entity    the current entity data from the Vuex store. Note: This may be a reactive dummy if the
-   *                    API request is still ongoing.
-   */
-  function load (uri: string, forceReload: boolean): Promise<StoreData> {
-    const existsInStore = !isUnknown(uri)
-
-    const isAlreadyLoading = existsInStore && (store.state[opts.apiName][uri]._meta || {}).loading
-    const isAlreadyReloading = existsInStore && (store.state[opts.apiName][uri]._meta || {}).reloading
-    if (isAlreadyLoading || (forceReload && isAlreadyReloading)) {
-      // Reuse the loading entity and load promise that is already waiting for a pending API request
-      return store.state[opts.apiName][uri]._meta.load
-    }
-
-    if (!existsInStore) {
-      store.commit('addEmpty', uri)
-    } else if (forceReload) {
-      store.commit('reloading', uri)
-    }
-
-    if (!existsInStore) {
-      return loadFromApi(uri, 'fetch')
-    } else if (forceReload) {
-      return loadFromApi(uri, 'reload').catch(error => {
-        store.commit('reloadingFailed', uri)
-        throw error
-      })
-    }
-
-    // Reuse the existing promise from the store if possible
-    return store.state[opts.apiName][uri]._meta.load || Promise.resolve(store.state[opts.apiName][uri])
-  }
-
-  /**
-   * Loads the entity specified by the URI from the API and stores it into the Vuex store. Returns a promise
-   * that resolves to the raw data stored in the Vuex store (needs to be resourceCreator.wrapped into a Resource before
-   * being usable in Vue components).
-   * @param uri       URI of the entity to load from the API
-   * @param operation description of the operation triggering this load, e.g. fetch or reload, for error reporting
-   * @returns Promise resolves to the raw data stored in the Vuex store after the API request completes, or
-   *                  rejects when the API request fails
-   */
-  function loadFromApi (uri: string, operation: string): Promise<StoreData> {
-    return axios.get(uri || '/').then(({ data }) => {
-      if (opts.forceRequestedSelfLink) {
-        data._links.self.href = uri
-      }
-      storeHalJsonData(data)
-      return store.state[opts.apiName][uri]
-    }, error => {
-      throw handleAxiosError(operation, uri, error)
-    })
-  }
-
-  /**
-   * Loads the URI of a related entity from the store, or the API in case it is not already fetched.
-   *
-   * @param uriOrEntity    URI (or instance) of an entity from the API
-   * @param relation       the name of the relation for which the URI should be retrieved
-   * @param templateParams in case the relation is a templated link, the template parameters that should be filled in
-   * @returns Promise      resolves to the URI of the related entity.
-   */
-  async function href (uriOrEntity: string | ResourceInterface, relation: string, templateParams:Record<string, string | number | boolean> = {}): Promise<string | undefined> {
-    const selfUri = normalizeEntityUri(await get(uriOrEntity)._meta.load, axios.defaults.baseURL)
-    const rel = selfUri != null ? store.state[opts.apiName][selfUri][relation] : null
-    if (!rel || !rel.href) return undefined
-    if (rel.templated) {
-      return parseTemplate(rel.href).expand(templateParams)
-    }
-    return rel.href
-  }
-
-  /**
-   * Sends a PATCH request to the API, in order to update some fields in an existing entity.
-   * @param uriOrEntity URI (or instance) of an entity which should be updated
-   * @param data        Payload (fields to be updated) to be sent in the PATCH request
-   * @returns Promise   resolves when the PATCH request has completed and the updated entity is available
-   *                    in the Vuex store.
-   */
-  function patch (uriOrEntity: string | ResourceInterface, data: unknown) : Promise<ResourceInterface> {
-    const uri = normalizeEntityUri(uriOrEntity, axios.defaults.baseURL)
-    if (uri === null) {
-      return Promise.reject(new Error(`Could not perform PATCH, "${uriOrEntity}" is not an entity or URI`))
-    }
-    const existsInStore = !isUnknown(uri)
-
-    if (existsInStore) {
-      const entity = get(uri)
-      if (isVirtualResource(entity)) {
-        return Promise.reject(new Error('patch is not implemented for virtual resources'))
-      }
-    }
-
-    if (!existsInStore) {
-      store.commit('addEmpty', uri)
-    }
-
-    const returnedResource = axios.patch(uri || '/', data).then(({ data }) => {
-      if (opts.forceRequestedSelfLink) {
-        data._links.self.href = uri
-      }
-      storeHalJsonData(data)
-      return get(uri)
-    }, (error) => {
-      throw handleAxiosError('patch', uri, error)
-    })
-
-    return returnedResource
-  }
-
-  /**
-   * Removes a single entity from the Vuex store (but does not delete it using the API). Note that if the
-   * entity is currently referenced and displayed through any other entity, the reactivity system will
-   * immediately re-fetch the purged entity from the API in order to re-display it.
-   * @param uriOrEntity URI (or instance) of an entity which should be removed from the Vuex store
-   */
-  function purge (uriOrEntity: string | ResourceInterface): void {
-    const uri = normalizeEntityUri(uriOrEntity, axios.defaults.baseURL)
-    if (uri === null) {
-      // Can't purge an unknown URI, do nothing
-      return
-    }
-    store.commit('purge', uri)
-  }
-
-  /**
-   * Removes all stored entities from the Vuex store (but does not delete them using the API).
-   */
-  function purgeAll (): void {
-    store.commit('purgeAll')
-  }
-
-  /**
-   * Attempts to permanently delete a single entity using a DELETE request to the API.
-   * This function performs the following operations when given the URI of an entity E:
-   * 1. Marks E in the Vuex store with the ._meta.deleting flag
-   * 2. Sends a DELETE request to the API in order to delete E (in case of failure, the
-   *    deleted flag is reset and the operation is aborted)
-   * 3. Finds all entities [...R] in the store that reference E (e.g. find the corresponding book when
-   *    deleting a chapter) and reloads them from the API
-   * 4. Purges E from the Vuex store
-   * @param uriOrEntity URI (or instance) of an entity which should be deleted
-   * @returns Promise   resolves when the DELETE request has completed and either all related entites have
-   *                    been reloaded from the API, or the failed deletion has been cleaned up.
-   */
-  function del (uriOrEntity: string | ResourceInterface): Promise<void> {
-    const uri = normalizeEntityUri(uriOrEntity, axios.defaults.baseURL)
-    if (uri === null) {
-      // Can't delete an unknown URI, do nothing
-      return Promise.reject(new Error(`Could not perform DELETE, "${uriOrEntity}" is not an entity or URI`))
-    }
-
-    if (!isUnknown(uri)) {
-      const entity = get(uri)
-      if (isVirtualResource(entity)) {
-        return Promise.reject(new Error('del is not implemented for virtual resources'))
-      }
-    }
-
-    store.commit('deleting', uri)
-    return axios.delete(uri || '/').then(
-      () => deleted(uri),
-      (error) => {
-        store.commit('deletingFailed', uri)
-        throw handleAxiosError('delete', uri, error)
-      }
-    )
-  }
-
-  function valueIsArrayWithReferenceTo (value: unknown, uri: string) {
-    return Array.isArray(value) && value.some(entry => valueIsReferenceTo(entry, uri))
-  }
-
-  function valueIsReferenceTo (value: unknown, uri: string): boolean {
-    if (value === null) return false
-    if (typeof value !== 'object') return false
-
-    const objectKeys = Object.keys(value as Record<string, unknown>)
-    return objectKeys.length === 1 && objectKeys[0] === 'href' && (value as Link).href === uri
-  }
-
-  function findEntitiesReferencing (uri: string) : Array<StoreData> {
-    return Object.values(store.state[opts.apiName])
-      .filter((entity) => {
-        return Object.values(entity).some(propertyValue =>
-          valueIsReferenceTo(propertyValue, uri) || valueIsArrayWithReferenceTo(propertyValue, uri)
-        )
-      })
-  }
-
-  /**
-   * Cleans up the Vuex store after an entity is found to be deleted (HTTP status 204 or 404) from the API.
-   * @param uri       URI of an entity which is not available (anymore) in the API
-   * @returns Promise resolves when the cleanup has completed and the Vuex store is up to date again
-   */
-  function deleted (uri: string): Promise<void> {
-    return Promise.all(findEntitiesReferencing(uri)
-      // don't reload entities that are already being deleted, to break circular dependencies
-      .filter(outdatedEntity => !outdatedEntity._meta.deleting)
-
-      // reload outdated entities...
-      .map(outdatedEntity => reload(outdatedEntity._meta.self).catch(() => {
-        // ...but ignore any errors (such as 404 errors during reloading)
-        // handleAxiosError will take care of recursively deleting cascade-deleted entities
-      }))
-    ).then(() => purge(uri))
-  }
-
-  /**
-   * Normalizes raw data from the API and stores it into the Vuex store.
-   * @param data HAL JSON data received from the API
-   */
-  function storeHalJsonData (data: Record<string, unknown>): void {
-    const normalizedData = normalize(data, {
-      camelizeKeys: false,
-      metaKey: '_meta',
-      normalizeUri: (uri: string) => normalizeEntityUri(uri, axios.defaults.baseURL),
-      filterReferences: true,
-      embeddedStandaloneListKey: 'items',
-      virtualSelfLinks: true
-    })
-    store.commit('add', normalizedData)
-
-    // sets dummy promise which immediately resolves to store data
-    Object.keys(normalizedData).forEach(uri => {
-      setLoadPromiseOnStore(uri)
-    })
-  }
-
-  /**
-   * Mutate the store state without telling Vuex about it, so it won't complain and won't make the load promise
-   * reactive.
-   * The promise is needed in the store for some special cases when a loading entity is requested a second time with
-   * this.api.get(...) or this.api.reload(...), or when an embedded collection is reloaded.
-   * @param uri
-   * @param loadStoreData
-   */
-  function setLoadPromiseOnStore (uri: string, loadStoreData: Promise<StoreData> | null = null) {
-    const promise: SerializablePromise<StoreData> = loadStoreData || Promise.resolve(store.state[opts.apiName][uri])
-    promise.toJSON = () => '{}' // avoid warning in Nuxt when serializing the complete Vuex store ("Cannot stringify arbitrary non-POJOs Promise")
-    store.state[opts.apiName][uri]._meta.load = promise
-  }
-
-  /**
-   * Processes error object received from Axios for further usage. Triggers delete chain as side effect.
-   * @param operation       Describes the action that was ongoing while the error happened, e.g. get or reload
-   * @param uri             Requested URI that triggered the error
-   * @param error           Raw error object received from Axios
-   * @returns Error         Return new error object with human understandable error message
-   */
-  function handleAxiosError (operation: string, uri: string, error: AxiosError): Error {
-    // Server Error (response received but with error code)
-    if (error.response) {
-      const response = error.response
-
-      if (response.status === 404) {
-        // 404 Entity not found error
-        store.commit('deleting', uri)
-        deleted(uri) // no need to wait for delete operation to finish
-        return new ServerException(response, `Could not ${operation} "${uri}"`, error)
-      } else if (response.status === 403) {
-        // 403 Permission error
-        return new ServerException(response, `No permission to ${operation} "${uri}"`, error)
-      } else {
-        // other unknown server error
-        return new ServerException(response, `Error trying to ${operation} "${uri}"`, error)
-      }
-    } else {
-      // another error
-      error.message = `Error trying to ${operation} "${uri}": ${error.message}`
-      return error
-    }
-  }
-
-  const apiActions: ApiActions = { post, get, reload, del, patch, href, isUnknown }
-  const halJsonVuex = { ...apiActions, purge, purgeAll, href, Resource, LoadingResource }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  function install (app: App | typeof Vue2) {
-    if (isVue3) {
-      Object.defineProperty(app.config.globalProperties, opts.apiName, {
-        get: () => halJsonVuex,
-        configurable: true
-      })
-    } else if (isVue2) {
-      Object.defineProperty(app.prototype, opts.apiName, {
-        get: () => halJsonVuex,
-        configurable: true
-      })
-    } else {
-      throw new Error('Neither Vue2 or Vue3 detected')
-    }
-  }
-
-  return { ...halJsonVuex, install }
-}
-
-export default HalJsonVuex
+export default HalJsonVuexPlugin
diff --git a/src/interfaces/ApiActions.ts b/src/interfaces/ApiActions.ts
deleted file mode 100644
index 3f08f5f4..00000000
--- a/src/interfaces/ApiActions.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import ResourceInterface from './ResourceInterface'
-
-interface ApiActions {
-    get: (uriOrEntity: string | ResourceInterface) => ResourceInterface
-    reload: (uriOrEntity: string | ResourceInterface) => Promise<ResourceInterface>
-    post: (uriOrEntity: string | ResourceInterface, data: unknown) => Promise<ResourceInterface | null>
-    patch: (uriOrEntity: string | ResourceInterface, data: unknown) => Promise<ResourceInterface>
-    del: (uriOrEntity: string | ResourceInterface) => Promise<string | void>
-    href: (uriOrEntity: string | ResourceInterface, relation: string, templateParams) => Promise<string | undefined>
-    isUnknown: (uri: string) => boolean
-}
-
-export default ApiActions
diff --git a/src/interfaces/CollectionInterface.ts b/src/interfaces/CollectionInterface.ts
index d61e6159..279c5e80 100644
--- a/src/interfaces/CollectionInterface.ts
+++ b/src/interfaces/CollectionInterface.ts
@@ -1,12 +1,13 @@
-import ResourceInterface from './ResourceInterface'
-import { StoreDataCollection } from './StoreData'
+import type ResourceInterface from './ResourceInterface'
 
-interface CollectionInterface extends ResourceInterface {
-    _storeData: StoreDataCollection
-
-    items: Array<ResourceInterface>
-    allItems: Array<ResourceInterface>
-    $loadItems: () => Promise<CollectionInterface>
+/**
+ * Generic interface for a collection ResourceInterface (e.g. a HAl resource with an own store entry and a self link)
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export interface CollectionInterface<ItemType extends ResourceInterface, ResourceType extends CollectionInterface<ItemType, ResourceType> = any> extends ResourceInterface<ResourceType> {
+    items: Array<ItemType>
+    allItems: Array<ItemType>
+    $loadItems: () => Promise<CollectionInterface<ItemType, ResourceType>>
 }
 
 export default CollectionInterface
diff --git a/src/interfaces/Config.ts b/src/interfaces/Config.ts
index fe725c30..fade4daf 100644
--- a/src/interfaces/Config.ts
+++ b/src/interfaces/Config.ts
@@ -8,5 +8,5 @@ interface InternalConfig extends ExternalConfig {
   apiRoot?: string
 }
 
-export { InternalConfig, ExternalConfig }
+export type { InternalConfig, ExternalConfig }
 export default ExternalConfig
diff --git a/src/interfaces/Interfaces.ts b/src/interfaces/Interfaces.ts
new file mode 100644
index 00000000..fd8e4aad
--- /dev/null
+++ b/src/interfaces/Interfaces.ts
@@ -0,0 +1,27 @@
+import type { ResourceInterface } from './ResourceInterface'
+
+/**
+ * This interface defines the API actions that can be performed with the HalJsonVuex plugin.
+ */
+export interface ApiActions<RootEndpoint extends ResourceInterface = ResourceInterface> {
+    get:<ResourceType extends ResourceInterface = RootEndpoint> (uriOrEntity?: string | ResourceInterface) => ResourceType
+    reload:<ResourceType extends ResourceInterface = RootEndpoint> (uriOrEntity: string | ResourceInterface) => Promise<ResourceType>
+    post:<ResourceType extends ResourceInterface = RootEndpoint> (uriOrEntity: string | ResourceInterface, data: unknown) => Promise<ResourceType | null>
+    patch:<ResourceType extends ResourceInterface = RootEndpoint> (uriOrEntity: string | ResourceInterface, data: unknown) => Promise<ResourceType>
+    del: (uriOrEntity: string | ResourceInterface) => Promise<string | void>
+    href: (uriOrEntity: string | ResourceInterface, relation: string, templateParams?:Record<string, string | number | boolean>) => Promise<string | undefined>
+    isUnknown: (uri: string) => boolean
+}
+
+/**
+ * These methods only modify the Vuex store. They do not interact with the API.
+ */
+export interface StoreActions {
+    purge<Item extends ResourceInterface> (uriOrEntity: string | Item): void
+    purgeAll (): void
+}
+
+/**
+ * This is the main interface for the HalJsonVuex plugin. It combines the API actions and the store actions.
+ */
+export type HalJsonVuex<RootEndpoint extends ResourceInterface = ResourceInterface> = ApiActions<RootEndpoint> & StoreActions
diff --git a/src/interfaces/References.ts b/src/interfaces/References.ts
new file mode 100644
index 00000000..3f53ca4a
--- /dev/null
+++ b/src/interfaces/References.ts
@@ -0,0 +1,26 @@
+import { ResourceInterface } from './ResourceInterface'
+import { CollectionInterface } from './CollectionInterface'
+
+/**
+ * Reference to a resource. This is used to create properties in a ResourceInterface that point to other resources.
+ * @param T      The type of the resource.
+ * @param Params Parameters that can be passed to the request, e.g. to modify the resource request.
+ */
+export type ResourceReference<T extends ResourceInterface<T>, Params = undefined> = Params extends undefined
+    ? () => T
+    : (arg: Params) => T;
+
+/**
+ * Reference to a collection. This is used to create properties in a ResourceInterface that point to a resource collection.
+ * @param Item   The type of the items in the collection.
+ * @param Params Parameters that can be passed to the request, e.g. to filter the collection.
+ * @param Self   The type of the collection itself. This is used to be able to create additional fields
+ *               besides items, allItems on the collection itself.
+ */
+export type CollectionReference<
+    Item extends ResourceInterface<Item>,
+    Params = undefined,
+    Self extends CollectionInterface<Item, Self> = CollectionInterface<Item>,
+> = Params extends undefined
+    ? () => CollectionInterface<Item, Self>
+    : (params: Params) => CollectionInterface<Item, Self>;
diff --git a/src/interfaces/ResourceInterface.ts b/src/interfaces/ResourceInterface.ts
index 13ca9305..22b70acb 100644
--- a/src/interfaces/ResourceInterface.ts
+++ b/src/interfaces/ResourceInterface.ts
@@ -1,29 +1,35 @@
-import { StoreData, VirtualStoreData } from './StoreData'
+import type { StoreData, VirtualStoreData } from './StoreData'
 
 /**
  * Generic interface for a standalone ResourceInterface (e.g. a HAl resource with an own store entry and a self link)
  * Can be a collection or a single entity
  */
-interface ResourceInterface {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+interface ResourceInterface<ResourceType extends ResourceInterface = any> {
     _meta: {
         self: string | null
         selfUrl: string | null
-        load: Promise<ResourceInterface>
+        load: Promise<ResourceType>
         loading: boolean
         deleting?: boolean
     }
 
     _storeData?: StoreData // optional, because LoadingResource has no _storeData
 
-    $reload: () => Promise<ResourceInterface>
-    $post: (data: unknown) => Promise<ResourceInterface | null>
-    $patch: (data: unknown) => Promise<ResourceInterface>
+    $reload: () => Promise<ResourceType>
+    $post: (data: unknown) => Promise<ResourceType | null>
+    $patch: (data: unknown) => Promise<ResourceType>
     $del: () => Promise<string | void>
     $href: (relation: string, templateParams: Record<string, string | number | boolean>) => Promise<string | undefined>
 }
 
-interface VirtualResource extends ResourceInterface {
-    _storeData: VirtualStoreData
+/**
+ * Generic interface for a ResourceInterface without own store entry and a self link. To reload this resource, the
+ * owning resource has to be reloaded.
+ */
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+interface VirtualResource<Type extends ResourceInterface = any> extends ResourceInterface<Type> {
+    _storeData: VirtualStoreData<Type>
 }
 
 export { ResourceInterface, VirtualResource }
diff --git a/src/interfaces/StoreData.ts b/src/interfaces/StoreData.ts
index 83083913..cd1370c6 100644
--- a/src/interfaces/StoreData.ts
+++ b/src/interfaces/StoreData.ts
@@ -31,23 +31,26 @@ type VirtualStoreDataMeta = StoreDataMeta & {
     }
 }
 
-type StoreDataEntity = StoreDataMeta & {
-    items: never,
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type StoreDataEntity<T = any> = T & StoreDataMeta & {
     _meta: {
-        load: SerializablePromise<StoreDataEntity>
+        load: SerializablePromise<StoreDataEntity<T>>
     }
 }
 
-type StoreDataCollection = StoreDataMeta & {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type StoreDataCollection<T = any> = T & StoreDataMeta & {
     items: Array<Link>,
     _meta: {
-        load: SerializablePromise<StoreDataCollection>
+        load: SerializablePromise<StoreDataCollection<T>>
     }
 }
 
-type StoreData = StoreDataEntity | StoreDataCollection
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type StoreData<T = any> = StoreDataEntity<T> | StoreDataCollection<T>
 
-type VirtualStoreData = StoreData & VirtualStoreDataMeta
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type VirtualStoreData<T = any> = StoreData<T> & VirtualStoreDataMeta
 
 export { StoreData, VirtualStoreData, Link, VirtualLink, TemplatedLink, StoreDataEntity, StoreDataCollection, SerializablePromise }
 
diff --git a/src/normalizeEntityUri.ts b/src/normalizeEntityUri.ts
index a42b93c3..76f0400b 100644
--- a/src/normalizeEntityUri.ts
+++ b/src/normalizeEntityUri.ts
@@ -1,4 +1,4 @@
-import ResourceInterface from './interfaces/ResourceInterface'
+import type ResourceInterface from './interfaces/ResourceInterface'
 
 /**
  * Sorts the query parameters in a URI, keeping the values of duplicate keys in order.
@@ -36,13 +36,7 @@ function sortQueryParams (uri: string): string {
  * @returns {null|string} normalized URI, or null if the uriOrEntity argument was not understood
  */
 function normalizeEntityUri (uriOrEntity: string | ResourceInterface | null = '', baseUrl = ''): string | null {
-  let uri
-
-  if (typeof uriOrEntity === 'string') {
-    uri = uriOrEntity
-  } else {
-    uri = uriOrEntity?._meta?.self
-  }
+  const uri = typeof uriOrEntity === 'string' ? uriOrEntity : uriOrEntity?._meta?.self
 
   return normalizeUri(uri, baseUrl)
 }
diff --git a/src/storeModule.ts b/src/storeModule.ts
index 777b4138..380122ca 100644
--- a/src/storeModule.ts
+++ b/src/storeModule.ts
@@ -1,20 +1,20 @@
 import { del, set } from 'vue-demi'
 
-import StoreData from './interfaces/StoreData'
+import type { MutationTree } from 'vuex/types'
 
-import { MutationTree } from 'vuex/types'
+import type StoreData from './interfaces/StoreData'
 
 export const state = {}
-export type State = Record<string, StoreData>
+export type State<StoreType> = Record<string, StoreData<StoreType>>
 
-export const mutations: MutationTree<State> = {
+export const mutations: MutationTree<State<unknown>> = {
   /**
    * Adds a placeholder into the store that indicates that the entity with the given URI is currently being
    * fetched from the API and not yet available.
    * @param state Vuex state
    * @param uri   URI of the object that is being fetched
    */
-  addEmpty (state: State, uri: string) : void {
+  addEmpty<StoreType> (state: State<StoreType>, uri: string) : void {
     set(state, uri, { _meta: { self: uri, loading: true } })
   },
   /**
@@ -22,7 +22,7 @@ export const mutations: MutationTree<State> = {
    * @param state Vuex state
    * @param data  An object mapping URIs to entities that should be merged into the Vuex state.
    */
-  add (state: State, data: Record<string, unknown>) : void {
+  add<StoreType> (state: State<StoreType>, data: Record<string, unknown>) : void {
     Object.keys(data).forEach(uri => {
       set(state, uri, data[uri])
 
@@ -35,7 +35,7 @@ export const mutations: MutationTree<State> = {
    * @param state Vuex state
    * @param uri   URI of the entity that is currently being reloaded
    */
-  reloading (state: State, uri: string) : void {
+  reloading<StoreType> (state: State<StoreType>, uri: string) : void {
     if (state[uri]) set(state[uri]._meta, 'reloading', true)
   },
   /**
@@ -43,7 +43,7 @@ export const mutations: MutationTree<State> = {
    * @param state Vuex state
    * @param uri   URI of the entity that is currently being reloaded
    */
-  reloadingFailed (state: State, uri: string) : void {
+  reloadingFailed<StoreType> (state: State<StoreType>, uri: string) : void {
     if (state[uri]) set(state[uri]._meta, 'reloading', false)
   },
   /**
@@ -51,7 +51,7 @@ export const mutations: MutationTree<State> = {
    * @param state Vuex state
    * @param uri   URI of the entity to be removed
    */
-  purge (state: State, uri: string) : void {
+  purge<StoreType> (state: State<StoreType>, uri: string) : void {
     del(state, uri)
   },
   /**
@@ -59,7 +59,7 @@ export const mutations: MutationTree<State> = {
    * @param state Vuex state
    * @param uri   URI of the entity to be removed
    */
-  purgeAll (state: State) : void {
+  purgeAll<StoreType> (state: State<StoreType>) : void {
     Object.keys(state).forEach(uri => {
       del(state, uri)
     })
@@ -69,7 +69,7 @@ export const mutations: MutationTree<State> = {
    * @param state Vuex state
    * @param uri   URI of the entity that is currently being deleted
    */
-  deleting (state: State, uri: string) : void {
+  deleting<StoreType> (state: State<StoreType>, uri: string) : void {
     if (state[uri]) set(state[uri]._meta, 'deleting', true)
   },
   /**
@@ -77,7 +77,7 @@ export const mutations: MutationTree<State> = {
    * @param state Vuex state
    * @param uri   URI of the entity that failed to be deleted
    */
-  deletingFailed (state: State, uri: string) : void {
+  deletingFailed<StoreType> (state: State<StoreType>, uri: string) : void {
     if (state[uri]) set(state[uri]._meta, 'deleting', false)
   }
 }
diff --git a/tests/apiOperations.spec.js b/tests/apiOperations.spec.js
index 6325a8f8..c8f6b9e3 100644
--- a/tests/apiOperations.spec.js
+++ b/tests/apiOperations.spec.js
@@ -1,5 +1,5 @@
 import { mount } from '@vue/test-utils'
-import HalJsonVuex from '../src'
+import { HalJsonVuexPlugin } from '../src'
 import axios from 'axios'
 import MockAdapter from 'axios-mock-adapter'
 import { vi } from 'vitest'
@@ -34,7 +34,7 @@ describe('Using dollar methods', () => {
 
     const installApi = {
       install (app) {
-        const api = HalJsonVuex(store, axios, {
+        const api = HalJsonVuexPlugin(store, axios, {
           forceRequestedSelfLink: true
         })
         app.use(api)
@@ -494,6 +494,26 @@ describe('Using dollar methods', () => {
     expect(result[0]).toMatchObject({ id: 123, _meta: { self: '/items/123' } })
   })
 
+  it('does throw when $loadItems is called on a non-collection entity', async () => {
+    // given
+    const userResponse = {
+      id: 2,
+      _links: {
+        self: {
+          href: '/users/2'
+        }
+      }
+    }
+    axiosMock.onGet('http://localhost/users/2').replyOnce(200, userResponse)
+
+    const user = vm.api.get('/users/2')
+    expect(user).toBeInstanceOf(LoadingResource)
+
+    // then
+    expect(user.$loadItems()).rejects.toThrow('This LoadingResource is not a collection')
+    await letNetworkRequestFinish()
+  })
+
   it('loads the contents of an embedded collection', async () => {
     // given
     const userResponse = {
@@ -891,4 +911,48 @@ describe('Using dollar methods', () => {
       // then
       .rejects.toThrow('patch is not implemented for virtual resources')
   })
+
+  it('throws error when posting an invalid input', async () => {
+    // when
+    await expect(vm.api.post(42))
+      // then
+      .rejects.toThrow('Could not perform POST, "42" is not an entity or URI')
+    await letNetworkRequestFinish()
+  })
+
+  it('throws error when reloading an invalid input', async () => {
+    // when
+    await expect(vm.api.reload(42))
+      // then
+      .rejects.toThrow('Could not perform reload, "42" is not an entity or URI')
+    await letNetworkRequestFinish()
+  })
+
+  it('throws error when patching an invalid input', async () => {
+    // when
+    await expect(vm.api.patch(42))
+      // then
+      .rejects.toThrow('Could not perform PATCH, "42" is not an entity or URI')
+    await letNetworkRequestFinish()
+  })
+
+  it('throws error when deleting an invalid input', async () => {
+    // when
+    await expect(vm.api.del(42))
+      // then
+      .rejects.toThrow('Could not perform DELETE, "42" is not an entity or URI')
+    await letNetworkRequestFinish()
+  })
+
+  it('throws error when posting fails', async () => {
+    // given
+    axiosMock
+      .onGet('http://localhost/camps/1')
+      .replyOnce(404)
+    // when
+    await expect(vm.api.post('/camp/1', { id: 0 }))
+      // then
+      .rejects.toThrow('Could not post to "/camp/1" (status 404): Request failed with status code 404')
+    await letNetworkRequestFinish()
+  })
 })
diff --git a/tests/axios.spec.ts b/tests/axios.spec.ts
index df0908d6..f6196c96 100644
--- a/tests/axios.spec.ts
+++ b/tests/axios.spec.ts
@@ -1,4 +1,4 @@
-import HalJsonVuex from '../src/index'
+import { HalJsonVuexPlugin } from '../src'
 import { createStore } from 'vuex'
 import axios from 'axios'
 import { newServer } from 'mock-xmlhttprequest'
@@ -13,7 +13,7 @@ describe('When using baseUrl with axios', () => {
     server.install()
 
     store = createStore({})
-    halJsonVuex = HalJsonVuex(store, axios, { forceRequestedSelfLink: true })
+    halJsonVuex = HalJsonVuexPlugin(store, axios, { forceRequestedSelfLink: true })
   })
 
   afterEach(() => {
diff --git a/tests/store.spec.js b/tests/store.spec.js
index db7e70ce..e4545e13 100644
--- a/tests/store.spec.js
+++ b/tests/store.spec.js
@@ -1,10 +1,10 @@
 import { mount } from '@vue/test-utils'
 import { vi } from 'vitest'
-import HalJsonVuex from '../src'
+import { HalJsonVuexPlugin, LoadingResource, Resource } from '../src'
 import axios from 'axios'
 import MockAdapter from 'axios-mock-adapter'
 import { createStore } from 'vuex'
-import { cloneDeep } from 'lodash'
+import cloneDeep from 'lodash/clone.js'
 import embeddedSingleEntity from './resources/embedded-single-entity'
 import referenceToSingleEntity from './resources/reference-to-single-entity'
 import embeddedCollection from './resources/embedded-collection'
@@ -22,9 +22,6 @@ import objectProperty from './resources/object-property'
 import arrayProperty from './resources/array-property'
 import root from './resources/root'
 
-import LoadingResource from '../src/LoadingResource'
-import Resource from '../src/Resource'
-
 async function letNetworkRequestFinish () {
   await new Promise((resolve) => {
     setTimeout(() => resolve())
@@ -52,7 +49,7 @@ describe('API store', () => {
 
         const installApi = {
           install (app) {
-            const api = HalJsonVuex(store, axios, {
+            const api = HalJsonVuexPlugin(store, axios, {
               forceRequestedSelfLink: true,
               avoidNPlusOneRequests
             })
@@ -610,10 +607,11 @@ describe('API store', () => {
           .onGet('http://localhost/camps/1')
           .reply(200, embeddedSingleEntity.serverResponse)
         const loadingResource = vm.api.get('/camps/1')
-        expect(loadingResource).toBeInstanceOf(vm.api.LoadingResource)
+        expect(loadingResource).toBeInstanceOf(LoadingResource)
 
         // when
         const loadedData = await loadingResource._meta.load
+
         // then
         expect(loadedData).toMatchObject({
           id: 1,
@@ -631,7 +629,7 @@ describe('API store', () => {
         vm.api.get('/camps/1')
         await letNetworkRequestFinish()
         const camp = vm.api.get('/camps/1')
-        expect(camp).not.toBeInstanceOf(vm.api.LoadingResource)
+        expect(camp).not.toBeInstanceOf(LoadingResource)
 
         // when
         const loadedData = await camp._meta.load
@@ -815,6 +813,30 @@ describe('API store', () => {
         )
       })
 
+      it('purge the whole store', async () => {
+        // given
+        axiosMock
+          .onGet('http://localhost/camps/1')
+          .reply(200, embeddedSingleEntity.serverResponse)
+        axiosMock
+          .onGet('http://localhost/campTypes/20')
+          .reply(200, embeddedSingleEntity.serverResponse._embedded.campType)
+        vm.api.get('/camps/1')
+        await letNetworkRequestFinish()
+        const storeStateWithoutCampType = cloneDeep(
+          embeddedSingleEntity.storeState
+        )
+        delete storeStateWithoutCampType['/campTypes/20']
+        expect(vm.$store.state.api).toMatchObject(storeStateWithoutCampType)
+
+        // when
+        vm.api.purgeAll()
+
+        // then
+        expect(vm.$store.state.api).toMatchObject({})
+        await letNetworkRequestFinish()
+      })
+
       it('purges and later re-fetches an object from the store', async () => {
         // given
         axiosMock
diff --git a/tests/typescript/typecheck.ts b/tests/typescript/typecheck.ts
new file mode 100644
index 00000000..d3b80980
--- /dev/null
+++ b/tests/typescript/typecheck.ts
@@ -0,0 +1,36 @@
+import axios from 'axios'
+import { createStore, Store } from 'vuex'
+
+import HalJsonVuexPlugin from '../../src/HalJsonVuexPlugin'
+import { State } from '../../src/storeModule'
+
+/* eslint-disable no-unused-expressions */
+
+import type ResourceInterface from '../../src/interfaces/ResourceInterface'
+import type { ResourceReference, CollectionReference } from '../../src/interfaces/References'
+
+type SingleEndpointResource<T extends ResourceInterface<T>> = ResourceReference<T, { id: string }>;
+type QueryEndpointResources<T extends ResourceInterface<T>, Params = undefined> = CollectionReference<T, Params>;
+
+interface PeriodEntity extends ResourceInterface<PeriodEntity> {
+  name: string
+}
+
+interface CampEntity extends ResourceInterface<CampEntity> {
+  organizer: string
+  period: ResourceReference<PeriodEntity>
+}
+
+interface RootEndpoint extends ResourceInterface<RootEndpoint> {
+  camps: SingleEndpointResource<CampEntity> & QueryEndpointResources<CampEntity>
+}
+
+axios.defaults.baseURL = 'http://localhost'
+const store: Store<State<unknown>> = createStore({})
+const api = HalJsonVuexPlugin(store, axios, {})
+
+api.get<RootEndpoint>().camps({ id: '' }).organizer
+api.get<RootEndpoint>().camps({ id: '' }).$reload().then((camp) => camp.organizer)
+api.get<RootEndpoint>().camps({ id: '' }).period().name
+api.get<RootEndpoint>().camps({ id: '' }).period()._meta.load.then((period) => period.name)
+api.get<RootEndpoint>().camps().items.map((item) => item.organizer)
diff --git a/tsconfig.json b/tsconfig.json
index be3910bc..541896d2 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -39,7 +39,7 @@
         "types": [
             "vite/client",
             "vitest/globals",
-            "node"
+            "node",
         ]
     },
     "include": [
diff --git a/vite.config.js b/vite.config.js
index 46f0e179..ceca5310 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -1,6 +1,7 @@
 // vite.config.js
 
 import { defineConfig } from 'vite'
+import dtsPlugin from 'vite-plugin-dts'
 
 export default defineConfig({
   build: {
@@ -23,6 +24,7 @@ export default defineConfig({
       // externalize outputs if we have these modules as dependencies
       external: ['hal-json-normalizer', 'url-template', 'vue-demi'],
       output: {
+        exports: 'named',
         globals: {
           'url-template': 'parseTemplate',
           'hal-json-normalizer': 'normalize',
@@ -34,6 +36,7 @@ export default defineConfig({
   optimizeDeps: {
     exclude: ['vue-demi']
   },
+  plugins: [dtsPlugin({ rollupTypes: true })],
   test: {
     environment: 'jsdom',
     globals: true,