Switch to ESM imports

Author: jamesnw

content/_layouts/base.njk

@@ -85,7 +85,7 @@
     {% include 'site/footer.njk' %}
     {% endtypogr %}
 
-    <script type="text/javascript" src="/assets/js/scripts.js"></script>
+    <script type="text/javascript" src="/assets/js/index.js"></script>
 
     <!-- Current page: {{ page.url }} -->
   </body>

rollup.config.js

@@ -6,8 +6,8 @@ import terser from '@rollup/plugin-terser';
 export default {
   input: 'src/js/index.js',
   output: {
-    file: '_built/js/scripts.js',
-    format: 'iife',
+    dir: '_built/js',
+    format: 'es',
     sourcemap: true,
   },
   plugins: [

src/js/anchor-positioning.js

@@ -1,7 +1,7 @@
 export default async function checkPolyfill() {
   if (!('anchorName' in document.documentElement.style)) {
     const { default: polyfill } = await import(
-      'https://unpkg.com/@oddbird/css-anchor-positioning/dist/css-anchor-positioning-fn.js'
+      '@oddbird/css-anchor-positioning/fn'
     );
     polyfill({
       elements: [...document.querySelectorAll('link[rel="stylesheet"]')],