Dashboards & Visualizations

Hosting external libraries in splunk and instantiating them in an HTML dashboard

mikdman
Engager

Is it possible to host and use 3rd party javascript libraries for HTML dashboards and what is the best practice for doing this?
more specifically, in my case I'm attempting to use Vue JS for a simple "Hello World" in an HTML dashboard.
Instantiating the Vue component as follows

var app = new Vue({ 
    el: '#app',
    data: {
        message: 'Hello World!'
    }
});

and then calling on it in HTML

<script src="vue.js"></script>
<div id="app">
    {{ message }}
</div>

neither calling for the JS script explicitly via an external file in .../static or referencing it in require seem to work.

Does anyone know of a good method/best practice to host/run VueJS in splunk for HTML dashboards?

0 Karma
Get Updates on the Splunk Community!

Introducing the 2024 SplunkTrust!

Hello, Splunk Community! We are beyond thrilled to announce our newest group of SplunkTrust members!  The ...

Introducing the 2024 Splunk MVPs!

We are excited to announce the 2024 cohort of the Splunk MVP program. Splunk MVPs are passionate members of ...

Splunk Custom Visualizations App End of Life

The Splunk Custom Visualizations apps End of Life for SimpleXML will reach end of support on Dec 21, 2024, ...