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!

[Puzzles] Solve, Learn, Repeat: Dynamic formatting from XML events

This challenge was first posted on Slack #puzzles channelFor a previous puzzle, I needed a set of fixed-length ...

Enter the Agentic Era with Splunk AI Assistant for SPL 1.4

  &#x1f680; Your data just got a serious AI upgrade — are you ready? Say hello to the Agentic Era with the ...

Stronger Security with Federated Search for S3, GCP SQL & Australian Threat ...

Splunk Lantern is a Splunk customer success center that provides advice from Splunk experts on valuable data ...