Lucas Dawson Pigamo
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) |
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
/ Vite MultiImage import
Last active
May 6, 2024 22:40
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' })) |