adjustments after testing @explorer-1/nuxt in a separate project

.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-  "scss.lint.unknownAtRules": "ignore"
+  "scss.lint.unknownAtRules": "ignore",
+  "workbench.colorTheme": "Witch Hazel Hypercolor"
 }

packages/nuxt/playground/app.vue

@@ -1,11 +1,68 @@
 <template>
-  <div class="py-10 text-center">
-    <base-button variant="primary">
-      Button component
-    </base-button>
+  <div class="relative">
+    <base-heading size="h1">Nuxt Module Playground</base-heading>
+    <div class="text-center mb-3">
+      <base-button variant="primary">
+        Button component
+      </base-button>
+    </div>
+    <block-image class="relative" :data="BlockImageData" />
     <p>This is a paragraph, not a component.</p>
   </div>
 </template>
 
 <script setup>
+
+const BlockImageData = {
+  blockType: 'FullBleedImageBlock',
+  fullBleed: false,
+  image: {
+    alt: 'Fourth image',
+    caption:
+      '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel porttitor urna. Maecenas at est laoreet, sagittis risus a, rutrum ipsum. Quisque tincidunt lacus nunc, dapibus facilisis felis scelerisque sit amet. </p>',
+    credit: 'NASA/JPL',
+    detailUrl: '/image/placeholder/',
+    original: 'https://picsum.photos/869/700',
+    src: {
+      height: 700,
+      url: 'https://picsum.photos/869/700',
+      width: 869
+    },
+    srcSet: 'https://picsum.photos/320/258 320w, https://picsum.photos/869/700 1024w'
+  },
+  imageFullBleed: {
+    alt: 'Fourth image',
+    caption:
+      '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel porttitor urna. Maecenas at est laoreet, sagittis risus a, rutrum ipsum. Quisque tincidunt lacus nunc, dapibus facilisis felis scelerisque sit amet. </p>',
+    credit: 'NASA/JPL',
+    detailUrl: '/image/placeholder/',
+    original: 'https://picsum.photos/1800/600',
+    src: {
+      width: 1800,
+      height: 900,
+      url: 'https://picsum.photos/1800/600'
+    },
+    srcCropped: {
+      width: 1024,
+      height: 341,
+      url: 'https://picsum.photos/1024/341'
+    },
+    screenXs: {
+      url: 'https://picsum.photos/320/107',
+      width: 320
+    },
+    screenLg: {
+      url: 'https://picsum.photos/1024/341',
+      width: 1024
+    },
+    screenXl: {
+      url: 'https://picsum.photos/1280/427',
+      width: 1280
+    },
+    screenThreexl: {
+      url: 'https://picsum.photos/1800/600',
+      width: 1800
+    }
+  }
+}
 </script>

packages/nuxt/src/module.ts

@@ -44,7 +44,6 @@ export default defineNuxtModule<ModuleOptions>({
       // extend nuxt's vite config without overriding nuxt.config.js
       _nuxt.options.vite = {
         ..._nuxt.options.vite,
-
         resolve: {
           ..._nuxt.options.vite.resolve,
           alias: {

packages/nuxt/src/runtime/tailwind.config.js

@@ -1,6 +1,14 @@
+import path from 'path'
+import { fileURLToPath } from 'node:url'
 import explorer1Config from '@explorer-1/common/tailwind.config'
+
+// mimic CommonJS variables -- not needed if using CommonJS
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
 console.log('ℹ Tailwind Config provided by @explorer-1/nuxt')
+
 export default {
   ...explorer1Config,
-  content: ['./../node_modules/@explorer-1/vue/src/components/**/*.vue']
+  content: [path.resolve(__dirname, './../../node_modules/@explorer-1/vue/src/**/*.vue')]
 }

packages/vue/dist/explorer-1-vue.d.ts

@@ -0,0 +1 @@
+export * from './lib/main'