Transpile dependency because hal-json-normalizer is cjs only

Author: manuelmeister

frontend/components.d.ts

@@ -206,6 +206,62 @@ declare module 'vue' {
     TogglePaperSize: typeof import('./src/components/activity/TogglePaperSize.vue')['default']
     UserAvatar: typeof import('./src/components/user/UserAvatar.vue')['default']
     UserMeta: typeof import('./src/components/navigation/UserMeta.vue')['default']
+    VAlert: typeof import('vuetify/lib')['VAlert']
+    VApp: typeof import('vuetify/lib')['VApp']
+    VAppBar: typeof import('vuetify/lib')['VAppBar']
+    VAvatar: typeof import('vuetify/lib')['VAvatar']
+    VBadge: typeof import('vuetify/lib')['VBadge']
+    VBottomNavigation: typeof import('vuetify/lib')['VBottomNavigation']
+    VBtn: typeof import('vuetify/lib')['VBtn']
+    VCard: typeof import('vuetify/lib')['VCard']
+    VCardActions: typeof import('vuetify/lib')['VCardActions']
+    VCardText: typeof import('vuetify/lib')['VCardText']
+    VCheckbox: typeof import('vuetify/lib')['VCheckbox']
+    VChip: typeof import('vuetify/lib')['VChip']
+    VCol: typeof import('vuetify/lib')['VCol']
+    VColorPicker: typeof import('vuetify/lib')['VColorPicker']
+    VContainer: typeof import('vuetify/lib')['VContainer']
+    VDatePicker: typeof import('vuetify/lib')['VDatePicker']
+    VDialog: typeof import('vuetify/lib')['VDialog']
+    VDivider: typeof import('vuetify/lib')['VDivider']
+    VExpansionPanel: typeof import('vuetify/lib')['VExpansionPanel']
+    VExpansionPanelContent: typeof import('vuetify/lib')['VExpansionPanelContent']
+    VExpansionPanelHeader: typeof import('vuetify/lib')['VExpansionPanelHeader']
+    VExpansionPanels: typeof import('vuetify/lib')['VExpansionPanels']
+    VFooter: typeof import('vuetify/lib')['VFooter']
+    VForm: typeof import('vuetify/lib')['VForm']
+    VIcon: typeof import('vuetify/lib')['VIcon']
+    VList: typeof import('vuetify/lib')['VList']
+    VListItem: typeof import('vuetify/lib')['VListItem']
+    VListItemAction: typeof import('vuetify/lib')['VListItemAction']
+    VListItemActionText: typeof import('vuetify/lib')['VListItemActionText']
+    VListItemAvatar: typeof import('vuetify/lib')['VListItemAvatar']
+    VListItemContent: typeof import('vuetify/lib')['VListItemContent']
+    VListItemIcon: typeof import('vuetify/lib')['VListItemIcon']
+    VListItemSubtitle: typeof import('vuetify/lib')['VListItemSubtitle']
+    VListItemTitle: typeof import('vuetify/lib')['VListItemTitle']
+    VMain: typeof import('vuetify/lib')['VMain']
+    VMenu: typeof import('vuetify/lib')['VMenu']
+    VNavigationDrawer: typeof import('vuetify/lib')['VNavigationDrawer']
+    VOverlay: typeof import('vuetify/lib')['VOverlay']
+    VProgressCircular: typeof import('vuetify/lib')['VProgressCircular']
+    VRadio: typeof import('vuetify/lib')['VRadio']
+    VRadioGroup: typeof import('vuetify/lib')['VRadioGroup']
+    VRow: typeof import('vuetify/lib')['VRow']
+    VSelect: typeof import('vuetify/lib')['VSelect']
+    VSheet: typeof import('vuetify/lib')['VSheet']
+    VSkeletonLoader: typeof import('vuetify/lib')['VSkeletonLoader']
+    VSpacer: typeof import('vuetify/lib')['VSpacer']
+    VSwitch: typeof import('vuetify/lib')['VSwitch']
+    VTab: typeof import('vuetify/lib')['VTab']
+    VTabItem: typeof import('vuetify/lib')['VTabItem']
+    VTabs: typeof import('vuetify/lib')['VTabs']
+    VTextField: typeof import('vuetify/lib')['VTextField']
+    VTimePicker: typeof import('vuetify/lib')['VTimePicker']
     VTiptapEditor: typeof import('./src/components/form/tiptap/VTiptapEditor.vue')['default']
+    VToolbar: typeof import('vuetify/lib')['VToolbar']
+    VToolbarItems: typeof import('vuetify/lib')['VToolbarItems']
+    VToolbarTitle: typeof import('vuetify/lib')['VToolbarTitle']
+    VTooltip: typeof import('vuetify/lib')['VTooltip']
   }
 }

frontend/package-lock.json

@@ -59,7 +59,7 @@
     "deepmerge": "4.3.1",
     "emoji-regex": "10.4.0",
     "file-saver": "2.0.5",
-    "hal-json-vuex": "3.0.0-alpha.2",
+    "hal-json-vuex": "3.0.0-alpha.4",
     "inter-ui": "3.19.3",
     "js-cookie": "3.0.5",
     "linkify-it": "5.0.0",

frontend/package.json

@@ -3,7 +3,8 @@
     <h1 class="tw-text-lg tw-font-semibold">
       {{ title }}
     </h1>
-    {{ error }}
+    {{ error.message }}<br />
+    {{ error.stack }}
   </div>
 </template>
 

print/components/generic/ErrorMessage.vue

@@ -81,6 +81,9 @@ export default defineNuxtConfig({
 
   telemetry: false,
 
+  build: {
+    transpile: ['hal-json-vuex'],
+  },
   vite: {
     optimizeDeps: {
       include: [

print/nuxt.config.js

@@ -22,11 +22,13 @@
     "colorjs.io": "0.5.2",
     "dayjs": "1.11.13",
     "deepmerge": "4.3.1",
-    "hal-json-vuex": "3.0.0-alpha.2",
+    "hal-json-normalizer": "4.2.0",
+    "hal-json-vuex": "3.0.0-alpha.4",
     "isomorphic-dompurify": "2.15.0",
     "lodash": "4.17.21",
     "puppeteer-core": "23.4.1",
     "runes": "0.4.3",
+    "url-template": "3.1.1",
     "vuex": "4.1.0"
   },
   "devDependencies": {