Lucas Dawson Pigamo
Pigamo
/ Vite MultiImage import
Last active
November 7, 2024 09:16
Imports multiple images from a folder using Vite globs
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const gallery = Object.values(import.meta.glob('@assets/*.{png,jpg,jpeg,PNG,JPEG}', { eager: true, as: 'url' })) |
Pigamo
/ Gallery.vue
Created
November 21, 2021 18:28
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const data = import.meta.glob('../data/*.json') | |
| const imp = ref([{}]) | |
| // eslint-disable-next-line no-restricted-syntax | |
| for (const path in data) { | |
| data[path]().then((mod) => { | |
| // const p = new URL(path, import.meta.url) | |
| // eslint-disable-next-line no-console | |
| console.log(path) | |
| // imp.value.push(path) |
Pigamo
/ Dynamic JSON Multi-Import
Created
November 21, 2021 18:29
Based on StackOverflow Question, how to import multiple json files dynamically without specifically calling each one
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const data = import.meta.glob('../data/*.json') | |
| const imp = ref([{}]) | |
| // eslint-disable-next-line no-restricted-syntax | |
| for (const path in data) { | |
| data[path]().then((mod) => { | |
| // const p = new URL(path, import.meta.url) | |
| // eslint-disable-next-line no-console | |
| console.log(path) | |
| // imp.value.push(path) |