Hi - thanks for create-chrome-ext. The Vue-JS template's newtab page hotlinks the deprecated source.unsplash.com/random endpoint, which Unsplash stopped serving in mid-2024 and now 503s:
template-vue-js/src/newtab/NewTab.vue L65: background-image: url('https://source.unsplash.com/random');
Every extension scaffolded from this template ships with a broken hero background out of the box.
Two fix options:
- Replace with a specific
https://images.unsplash.com/photo-<id>?w=1600 URL or a small bundled JPG in the template's public/.
- Scaffold + save a real image as part of the template's
README instructions using tteg (no Unsplash API key): uv tool install tteg; tteg save "abstract gradient" ./src/newtab/bg --orientation landscape. Repo: https://github.com/kiluazen/tteg — MIT.
Happy to send a PR if the preferred fix is decided.
Hi - thanks for
create-chrome-ext. The Vue-JS template's newtab page hotlinks the deprecatedsource.unsplash.com/randomendpoint, which Unsplash stopped serving in mid-2024 and now 503s:template-vue-js/src/newtab/NewTab.vueL65:background-image: url('https://source.unsplash.com/random');Every extension scaffolded from this template ships with a broken hero background out of the box.
Two fix options:
https://images.unsplash.com/photo-<id>?w=1600URL or a small bundled JPG in the template'spublic/.READMEinstructions usingtteg(no Unsplash API key):uv tool install tteg; tteg save "abstract gradient" ./src/newtab/bg --orientation landscape. Repo: https://github.com/kiluazen/tteg — MIT.Happy to send a PR if the preferred fix is decided.