Manage image cache

build/webpack.config.js

@@ -94,15 +94,14 @@ module.exports = (env, argv) => {
 						}
 					},
 					generator: {
-						filename: 'images/[name][ext]'
+						filename: 'images/[name].[contenthash:8][ext]'
 					}
 				}]
 		},
 		plugins: [
 			new CopyWebpackPlugin({
 				patterns: [
-					{ from: path.resolve(LIB, 'index.php'), to: 'index.php' },
+					{ from: path.resolve(LIB, 'index.php'), to: 'index.php' }
-					{ from: path.resolve(SRC, 'images', 'logo_title.svg'), to: 'images' }
 				]
 			}),
 			new SymlinkWebpackPlugin([
@@ -133,6 +132,7 @@ module.exports = (env, argv) => {
 			extensions: ['.vue', '.scss', '...'],
 			alias: {
 				'@components': path.resolve(SRC, 'components'),
+				'@images': path.resolve(SRC, 'images'),
 				'@scripts': path.resolve(SRC, 'scripts'),
 				'@styles': path.resolve(SRC, 'styles')
 			}

src/components/projectSettings.vue

@@ -3,6 +3,8 @@ import Simplebar from 'simplebar-vue';
 
 import SpotIcon from '@components/spotIcon';
 import ProjectNewsletter from '@components/projectNewsletter';
+import logoIconUrl from '@images/icons/favicon.svg';
+import logoTitleUrl from '@images/logo_title.svg';
 
 export default {
 	components: {
@@ -21,7 +23,9 @@ export default {
 	data() {
 		return {
 			isOpen: false,
-			lastUpdate: {unix_time: 0, relative_time: '', formatted_time: ''}
+			lastUpdate: {unix_time: 0, relative_time: '', formatted_time: ''},
+			logoIconUrl,
+			logoTitleUrl
 		};
 	},
 	emits: ['update:baseMap', 'update:projectCodeName', 'toggle'],
@@ -77,8 +81,8 @@ export default {
 	<div id="settings" class="panel panel-left">
 		<div id="settings-panel" class="panel-content">
 			<div class="settings-header settings-box">
-				<img src="images/icons/favicon.svg" class="logo-icon clickable" :title="lang.get('project.overview')" @click="hash.items = []" />
+				<img :src="logoIconUrl" class="logo-icon clickable" :title="lang.get('project.overview')" @click="hash.items = []" />
-				<img src="images/logo_title.svg" class="logo-title" :alt="consts.title" />
+				<img :src="logoTitleUrl" class="logo-title" :alt="consts.title" />
 				<div class="last_update" v-if="project?.mode == consts.modes.blog && lastUpdate.unix_time > 0" :title="lastUpdate.formatted_time">
 					<SpotIcon icon="find-me-spot" :text="lang.get('feed.last_update')+' '+lastUpdate.relative_time" />
 				</div>