Fixes for loading Vue app
This commit is contained in:
parent
82f270c146
commit
377d7f7af7
|
@ -8,6 +8,8 @@
|
||||||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css">
|
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/fork-awesome@1.2.0/css/fork-awesome.min.css">
|
<link rel="stylesheet" href="https://unpkg.com/fork-awesome@1.2.0/css/fork-awesome.min.css">
|
||||||
<link rel="stylesheet" href="https://unpkg.com/leaflet-extra-markers@1.2.1/dist/css/leaflet.extra-markers.min.css">
|
<link rel="stylesheet" href="https://unpkg.com/leaflet-extra-markers@1.2.1/dist/css/leaflet.extra-markers.min.css">
|
||||||
|
|
||||||
|
<link rel="stylesheet" href="{{ url_for("static", filename="frontend/style.css") }}">
|
||||||
</head>
|
</head>
|
||||||
{% from "navbar.html" import navbar with context %}
|
{% from "navbar.html" import navbar with context %}
|
||||||
<body>
|
<body>
|
||||||
|
@ -16,8 +18,7 @@
|
||||||
|
|
||||||
<script src="https://unpkg.com/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
|
<script src="https://unpkg.com/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
|
||||||
<script type="module">
|
<script type="module">
|
||||||
import { createApp } from "https://cdn.skypack.dev/vue@^3.2.26";
|
import main from {{ url_for('static', filename='frontend/owl.es.js') | tojson }};
|
||||||
import App from {{ url_for('static', filename='snowpack/App.vue.js') | tojson }};
|
|
||||||
|
|
||||||
const props = {
|
const props = {
|
||||||
startLat: {{ lat }},
|
startLat: {{ lat }},
|
||||||
|
@ -34,7 +35,7 @@
|
||||||
mockUpload: false,
|
mockUpload: false,
|
||||||
};
|
};
|
||||||
|
|
||||||
const app = createApp(App, props).mount('#app');
|
main(props);
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
Loading…
Reference in a new issue