@tugitark/vue-widget 1.0.0

package/Widget.vue

@@ -0,0 +1,43 @@
+// Copyright (c) 2026, TugiTark.  All rights reserved.
+
+<script setup lang="ts">
+	/// <reference types="Widget" />
+
+	import { watch, ref, onMounted, onUnmounted } from 'vue';
+	import render, { Props } from '@tugitark/declarative-widget';
+
+	// Weird vue behaviour with optional boolean props.	Ensure they don't default to `false`.
+	const props = withDefaults(defineProps<Props>(), {
+		open: void 0,
+		visible: void 0,
+	});
+
+	// Is this the first time this component has been rendered ever?
+	const firstTime = ref(true);
+
+	function onNotification(hasNotification: boolean) {
+		if (props.jwtFn == null && props.user == null) {
+			if (firstTime.value) {
+				// Replicate FAQ internal behaviour at a per-component level.
+				props.onNotification?.(hasNotification);
+			}
+		}
+	}
+
+	function onReady() {
+		if (firstTime.value) {
+			firstTime.value = false;
+			props.onReady?.();
+		}
+	}
+
+	watch(props, (p) => render({ ...p, onReady, onNotification }), { deep: true, immediate: true });
+
+	// Listen for events that require us to re-initialise the widget.
+	//onMounted(reloadScript);
+	//onUnmounted(unloadScript);
+</script>
+
+<template>
+</template>
+

package/index.js

@@ -0,0 +1,7 @@
+// Copyright (c) 2026, TugiTark.  All rights reserved.
+
+/// <reference types="Widget" />
+
+import Widget from './Widget.vue';
+export default Widget;
+

package/package.json

@@ -0,0 +1,27 @@
+{
+	"name": "@tugitark/vue-widget",
+	"version": "1.0.0",
+	"description": "Wraps the tugitark widget in a Vue component.",
+	"scripts": {
+		"release": "npm publish --access public"
+	},
+	"files": [
+		"Widget.vue",
+		"index.js"
+	],
+	"dependencies": {
+		"@tugitark/declarative-widget": "^1.0.0",
+		"vue": "^3.5.26"
+	},
+	"keywords": [
+		"Typescript",
+		"Vue",
+		"Tugitark",
+		"Casino",
+		"Integration",
+		"JWT",
+		"Library"
+	],
+	"author": "alex.cole@tugitark.com",
+	"license": "(c) 2026 Tugi Tark OÜ"
+}