diff --git a/package-lock.json b/package-lock.json
index 4c24d7ac..c82c1c90 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
 			"license": "AGPL-3.0",
 			"dependencies": {
 				"@nextcloud/axios": "^2.0.0",
+				"@nextcloud/router": "^2.0.0",
 				"vue": "^2.7.8"
 			},
 			"devDependencies": {
@@ -3233,6 +3234,14 @@
 			"resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
 			"integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
 		},
+		"node_modules/@nextcloud/router": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@nextcloud/router/-/router-2.0.0.tgz",
+			"integrity": "sha512-GyHYNYrYAZRBGD5VxRggcbahdJ/zCkXb8+ERVfuaosT+nHMjJSmenTD6Uyct41qGm0p3Az4xRCXGyZGJM0NEUQ==",
+			"dependencies": {
+				"core-js": "^3.6.4"
+			}
+		},
 		"node_modules/@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -8648,7 +8657,6 @@
 			"version": "3.24.1",
 			"resolved": "https://registry.npmjs.org/core-js/-/core-js-3.24.1.tgz",
 			"integrity": "sha512-0QTBSYSUZ6Gq21utGzkfITDylE8jWC9Ne1D2MrhvlsZBI1x39OdDIVbzSqtgMndIy6BlHxBXpMGqzZmnztg2rg==",
-			"dev": true,
 			"hasInstallScript": true,
 			"funding": {
 				"type": "opencollective",
@@ -29751,6 +29759,14 @@
 				}
 			}
 		},
+		"@nextcloud/router": {
+			"version": "2.0.0",
+			"resolved": "https://registry.npmjs.org/@nextcloud/router/-/router-2.0.0.tgz",
+			"integrity": "sha512-GyHYNYrYAZRBGD5VxRggcbahdJ/zCkXb8+ERVfuaosT+nHMjJSmenTD6Uyct41qGm0p3Az4xRCXGyZGJM0NEUQ==",
+			"requires": {
+				"core-js": "^3.6.4"
+			}
+		},
 		"@nodelib/fs.scandir": {
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -34217,8 +34233,7 @@
 		"core-js": {
 			"version": "3.24.1",
 			"resolved": "https://registry.npmjs.org/core-js/-/core-js-3.24.1.tgz",
-			"integrity": "sha512-0QTBSYSUZ6Gq21utGzkfITDylE8jWC9Ne1D2MrhvlsZBI1x39OdDIVbzSqtgMndIy6BlHxBXpMGqzZmnztg2rg==",
-			"dev": true
+			"integrity": "sha512-0QTBSYSUZ6Gq21utGzkfITDylE8jWC9Ne1D2MrhvlsZBI1x39OdDIVbzSqtgMndIy6BlHxBXpMGqzZmnztg2rg=="
 		},
 		"core-js-compat": {
 			"version": "3.24.1",
diff --git a/package.json b/package.json
index d0841d6b..ebe6102c 100644
--- a/package.json
+++ b/package.json
@@ -54,6 +54,7 @@
 	},
 	"dependencies": {
 		"@nextcloud/axios": "^2.0.0",
+		"@nextcloud/router": "^2.0.0",
 		"vue": "^2.7.8"
 	},
 	"devDependencies": {
diff --git a/src/ReferenceWidget.vue b/src/ReferenceWidget.vue
index 6f3b9bb9..f95f0049 100644
--- a/src/ReferenceWidget.vue
+++ b/src/ReferenceWidget.vue
@@ -1,6 +1,6 @@
 <template>
 	<div>
-		<div v-if="noAccess">
+		<div v-if="noAccess" class="widget-default">
 			<p>You may not have access to this reference!</p>
 		</div>
 
diff --git a/src/References.vue b/src/References.vue
index 97f13f40..e75d6204 100644
--- a/src/References.vue
+++ b/src/References.vue
@@ -7,6 +7,8 @@
 </template>
 <script>
 import ReferenceWidget from './ReferenceWidget.vue'
+import axios from '@nextcloud/axios'
+import { generateOcsUrl } from '@nextcloud/router'
 
 export default {
 	name: 'References',
@@ -17,7 +19,8 @@ export default {
 			default: ''
 		},
 		referenceData: {
-			type: Object
+			type: Object,
+			default: null,
 		},
 		limit: {
 			type: Number,
@@ -59,29 +62,16 @@ export default {
 				return
 			}
 
-			fetch('http://nextcloud.dev.local/ocs/v2.php/references/extract?format=json', {
-				method: 'POST',
-				body: JSON.stringify({
-					text: this.text,
-					resolve: true,
-					requesttoken: window.oc_requesttoken,
-					limit: this.limit
-				}),
-				headers: {
-					'Content-Type': 'application/json',
-					requesttoken: window.oc_requesttoken
-				}
+			axios.post(generateOcsUrl('references/extract', 2), {
+				text: this.text,
+				resolve: true,
+				limit: this.limit
+			}).then((response) => {
+				this.references = response.data.ocs.data.references
+				this.loading = false
+			}).catch((error) => {
+				this.loading = false
 			})
-				.then(response => response.json())
-				.then(json => {
-					console.log(json)
-					this.references = json.ocs.data.references
-					this.loading = false
-				})
-				.catch(error => {
-					console.error(error)
-					this.loading = false
-				})
 		}
 	}
 }