HTML5-Tutorium: JavaScript: Hello World Vue 06 - Versionsgeschichte

Kowa: /* Hello World Vue 06b */

2025-05-23T09:54:22Z

Hello World Vue 06b

2025-05-23T09:40:49Z

Hello World Vue 06b

← Nächstältere Version		Version vom 23. Mai 2025, 09:40 Uhr
Zeile 622:		Zeile 622:

	Zum Abschluss sollten Sie noch versuchen, <code>/src/component/AppNav.vue</code> so abzuändern,		Zum Abschluss sollten Sie noch versuchen, <code>/src/component/AppNav.vue</code> so abzuändern,
	dass ein Klick auf die Fahne nicht nur die Sprache ändert, ~~sonden~~ auch noch den Focus auf das Startfeld setzt ~~(such wenn dieses Feature vermutlich eher kontraproduktiv ist)~~.		dass ein Klick auf die Fahne nicht nur die Sprache ändert, sondern auch noch den Focus auf das Startfeld setzt.

	== Hello World Vue 06c ==		== Hello World Vue 06c ==

2025-05-20T07:10:11Z

Hello World Vue 06b

← Nächstältere Version		Version vom 20. Mai 2025, 07:10 Uhr
Zeile 550:		Zeile 550:
	})		})
	...		...
	emit = defineEmits(['~~update:~~id', 'update:text', 'enter']),		emit = defineEmits(['id', 'update:text', 'enter']),
	...		...
	emit('id', inputId);		emit('id', inputId);

2025-05-12T15:32:58Z

Hello World Vue 06c

2025-05-12T15:32:26Z

Bilder von Flaggen

2025-05-08T15:20:27Z

src/store/StoreI18n

← Nächstältere Version		Version vom 8. Mai 2025, 15:20 Uhr
Zeile 791:		Zeile 791:
	Im I18N-Store wird nun beim Initialisieren nicht nicht mehr eine Defaultspache geladen, sondern		Im I18N-Store wird nun beim Initialisieren nicht nicht mehr eine Defaultspache geladen, sondern
	die Sprache, die möglichst nah an den Wünschen des im Browser des Benutzers gespeicherten Sprachwünschen liegt.		die Sprache, die möglichst nah an den Wünschen des im Browser des Benutzers gespeicherten Sprachwünschen liegt.

			Beachten Sie, dass Sie in die Datei <code>vite.config.common.js</code> einen geeigneten Alias für den
			<code>util</code>-Pfad definieren müssen, um <code>'/util/chooseLanguage'</code> an Stelle von
			<code>'@/util/chooseLanguage'</code> schreiben zu können.

	<syntaxhighlight lang="ecmascript">		<syntaxhighlight lang="ecmascript">
	...		...
	import chooseLanguage from '/util/chooseLanguage'		import chooseLanguage from '/util/chooseLanguage'

	...		...
	() =>		() =>

2025-05-08T15:12:15Z

src/store/StoreI18n

← Nächstältere Version		Version vom 8. Mai 2025, 15:12 Uhr
Zeile 788:		Zeile 788:

	=== <code>src/store/StoreI18n</code> ===		=== <code>src/store/StoreI18n</code> ===

			Im I18N-Store wird nun beim Initialisieren nicht nicht mehr eine Defaultspache geladen, sondern
			die Sprache, die möglichst nah an den Wünschen des im Browser des Benutzers gespeicherten Sprachwünschen liegt.

	<syntaxhighlight lang="ecmascript">		<syntaxhighlight lang="ecmascript">

2025-05-08T14:47:55Z

main.js

← Nächstältere Version		Version vom 8. Mai 2025, 14:47 Uhr
Zeile 693:		Zeile 693:
	initialize =		initialize =
	async resolve =>		async resolve =>
	{ await changeLang(config.~~language~~[0]);		{ await changeLang(config.languages[0]);
	resolve();		resolve();
	}		}

2025-05-08T14:47:32Z

Hello World Vue 06c

@@ Zeile 682: / Zeile 682: @@
               .mount('#app') // app is shown to the user
+          }
 </syntaxhighlight>

2025-05-08T14:44:17Z

StoreI18n.js: Integration von nextLanguage

← Nächstältere Version		Version vom 8. Mai 2025, 14:44 Uhr
Zeile 330:		Zeile 330:

	<syntaxhighlight lang="ecmascript">		<syntaxhighlight lang="ecmascript">
			// /src/store/storeI18N.js

	changeLang =		changeLang =
	async (p_lang = null) =>		async (p_lang = null) =>