Load local html file into grapesjs

hello i am pretty new to grapejs i want to load a local html file in the assets folder into grapesjs editor ,pls tellme how i can load local html file thanks in advance .. 
here is my code
----------------------------
import grapesjs from 'grapesjs';

import 'grapesjs/dist/css/grapes.min.css';
import 'grapesjs-preset-newsletter/dist/grapesjs-preset-newsletter.css';
import 'grapesjs-preset-webpage/dist/grapesjs-preset-webpage.min.css';

import gjspresetnewsletter from 'grapesjs-preset-newsletter';
import gjspresetwebpage from 'grapesjs-preset-webpage';

    export default {
        data() {
            return {
                editor: null
            }
        },
        methods: {
            change() {
                this.$emit('change', this.editor.getHtml());
            },
        },
          mounted() {
                const LandingPage = {
                html: '../userpage/index.html',
                css: ['../userpage/style.css','../userpage/css.css','../userpage/bootstrap.min.css'],
                components: null,
                style: null,
                };
                this.editor = grapesjs.init({
                container: "#gjs",
                canvas: {},
                fromElement: true,
                components: LandingPage.components || LandingPage.html,
                style: LandingPage.style || LandingPage.css,
                plugins: [],
                pluginsOpts: {
                    "gjs-preset-webpage": {}
                },
                 storageManager: {
                    type: 'local',
                    stepsBeforeSave: 10,
                    urlStore: '',
                    urlLoad: 'https://raghuv9.github.io/Tapmusic/',
                    params: {}, token
                    headers: {},
                    }
                });
        }
    }