improve module transpiling logic

app.vue

@@ -116,8 +116,7 @@ footer {
 <script setup>
 import sanitize from "sanitize-filename";
 import appConfig from "./teatime.config.ts";
-import pkg from "./node_modules/sql.js-httpvfs/dist/index.js";
-const { createDbWorker } = pkg;
+import { createDbWorker } from "sql.js-httpvfs";
 import { useLocalStorage } from "@vueuse/core";
 
 const workerUrl = new URL(

components/Settings.vue

@@ -19,9 +19,8 @@
         </td>
         <td>
           {{ item.description }}
-
         </td>
-      <tr><input type="radio" name="remote" @click="setRemote(item)"></tr>
+        <td><input type="radio" name="remote" @click="setRemote(item)" /></td>
       </tr>
     </tbody>
   </table>
@@ -51,11 +50,13 @@ onMounted(async () => {
 
 const setRemote = async (selection) => {
   console.log(selection.full_name);
-  const [owner, repo] = selection.full_name.split("/")
-  const response = await fetch(`https://${owner}.github.io/${repo}/config.json`)
-  const config = await response.json()
-  remoteConfig.value = JSON.stringify(config)
-  remote.value = selection.full_name
-  console.log(config)
+  const [owner, repo] = selection.full_name.split("/");
+  const response = await fetch(
+    `https://${owner}.github.io/${repo}/config.json`,
+  );
+  const config = await response.json();
+  remoteConfig.value = JSON.stringify(config);
+  remote.value = selection.full_name;
+  console.log(config);
 };
 </script>

nuxt.config.ts

@@ -7,7 +7,7 @@ export default defineNuxtConfig({
   modules: ["nuxt-lucide-icons"],
   ssr: true,
   build: {
-    transpile: ["vue-book-reader"],
+    transpile: ["vue-book-reader", ({ isDev }) => !isDev && "sql.js-httpvfs"],
   },
   vite: {
     build: {