web,edgecreator: Fix toast import

Author: bperel

apps/edgecreator/src/composables/useRedirect.ts

@@ -1,4 +1,4 @@
-import { useToast } from "bootstrap-vue-next";
+import { useToastController } from "bootstrap-vue-next";
 import { watch } from "vue";
 import { useRoute } from "vue-router";
 
@@ -9,7 +9,7 @@ export default () =>
     () => route.hash,
     (newValue) => {
       const toastError = (message: string) =>
-        useToast().show!({
+        useToastController().show!({
           props: {
             body: message,
             title: "Error",

apps/edgecreator/src/composables/useStepOptions.ts

@@ -1,4 +1,4 @@
-import { useToast } from "bootstrap-vue-next";
+import { useToastController } from "bootstrap-vue-next";
 import interact from "interactjs";
 import { useI18n } from "vue-i18n";
 
@@ -15,7 +15,7 @@ const shownTips: string[] = [];
 
 export const useStepOptions = (props: BaseProps, attributeKeys: string[]) => {
   const stepStore = step();
-  const toast = useToast();
+  const toast = useToastController();
   const { t } = useI18n();
   const { zoom } = storeToRefs(ui());
   const width = computed(

apps/edgecreator/src/pages/upload.vue

@@ -161,7 +161,7 @@ meta:
 import "cropperjs/dist/cropper.css";
 
 import { useCookies } from "@vueuse/integrations/useCookies";
-import { useToast } from "bootstrap-vue-next";
+import { useToastController } from "bootstrap-vue-next";
 import type Cropper from "cropperjs";
 import { nextTick } from "vue";
 import type { CropperData } from "vue-cropperjs";
@@ -205,7 +205,7 @@ const initialContributors = computed(
 const addCrop = () => {
   const data = cropper.value!.getData() as CropperData;
   if (data.height < data.width) {
-    useToast().show!({
+    useToastController().show!({
       props: {
         body: i18n
           .t(

apps/edgecreator/tsconfig.json

@@ -11,7 +11,7 @@
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "noUnusedLocals": true,
     "strictNullChecks": true,

apps/web/src/components/BookcaseBook.vue

@@ -96,7 +96,7 @@
 </template>
 
 <script setup lang="ts">
-import { useToast } from "bootstrap-vue-next";
+import { useToastController } from "bootstrap-vue-next";
 import type { PageFlip } from "page-flip";
 
 const { issuecode } = defineProps<{
@@ -111,7 +111,7 @@ const cloudinaryBaseUrl =
 const { fetchIssueUrls } = coa();
 const { getImagePath } = images();
 
-const toast = useToast();
+const toast = useToastController();
 const edgeWidth = ref<number | null>(null);
 const coverHeight = ref<number | undefined>(undefined);
 const coverRatio = ref<number | undefined>(undefined);

apps/web/tsconfig.json

@@ -11,7 +11,7 @@
     "strict": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "moduleResolution": "node",
+    "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "noUnusedLocals": true,
     "strictNullChecks": true,