Kristaps Fabians Geikins
83d8035dc2
* root + server * frontend * frontend-2 * dui3 * dui3 * tailwind theme * ui-components * preview service * viewer * viewer-sandbox * fileimport-service * webhook service * objectloader * shared * ui-components-nuxt * WIP full config * WIP full linter * eslint projectwide util * minor fix * removing redundant ci * clean up test errors * fixed prettier formatting * CI improvements * TSC lint fix * 'buildBatch' needs to be async since some batch types (like Text) require it. Removed a disabled liniting rule from ObjLoader * removed unnecessary void --------- Co-authored-by: AlexandruPopovici <alexandrupopoviciioan@gmail.com>
ui-components-nuxt
Nuxt v3 module that sets up @speckle/ui-components auto-importing like any other components you might have in your ./components folder. You also get properly typed components in your templates if you use Volar.
Setup
-
Make sure you've got
@speckle/ui-componentsinstalled and set up -
Install
@speckle/ui-components-nuxtand add it to your nuxt modules innuxt.config.ts -
Add the following to your
build.transpilearray in your nuxt config:
// nuxt.config.js
export default {
build: {
transpile: [
'@headlessui/vue',
/^@heroicons\/vue/,
'@vueuse/core',
'@vueuse/shared',
'@speckle/ui-components',
'v3-infinite-loading'
]
}
}
- Add the following to your
vite.resolve.dedupearray in your nuxt config:
// nuxt.config.js
export default {
vite: {
resolve: {
dedupe: ['vee-validate']
}
}
}
This will ensure that some dependencies are transpiled properly so that they work correctly both during SSR & CSR.