Reversed loading of leaflet css and import lunr

hellotham · Sep 6, 2022 · b7c8eb9 · b7c8eb9
1 parent f5f62bb
commit b7c8eb9
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/src/components/map.astro b/src/components/map.astro
@@ -1,5 +1,4 @@
 ---
-import 'leaflet/dist/leaflet.css'
 export interface Props {
   loc: [number, number]
   zoom: number

diff --git a/src/components/search.astro b/src/components/search.astro
@@ -2,10 +2,7 @@
 import { Icon } from 'astro-icon'
 ---
 
-
-<script>
-  import lunr from 'lunr'
-</script>
+<script is:inline src="https://unpkg.com/lunr/lunr.min.js"></script>
 <div x-data={`
 {
   searchResults: false,

diff --git a/src/layouts/base.astro b/src/layouts/base.astro
@@ -36,7 +36,10 @@ const { frontmatter } = Astro.props
     </script>
     <style is:inline>
       [x-cloak] { display: none !important; }
-    </style>
+      </style>
+    <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
+      integrity="sha512-hoalWLoI8r4UszCkZ5kL8vayOGVae1oxXe/2A4AO6J9+580uKHDO3JdHb7NzwwzK5xr/Fs0W40kiNHxM9vyTtQ=="
+      crossorigin=""/>
     {frontmatter.extra?.includes('math') &&
       <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css" integrity="sha384-pe7s+HmY6KvqRkrRRUr4alQJ0SkmzCft3RpK1ttGMa7qk8Abp/MEa/4wgceRHloO" crossorigin="anonymous">
     }