renderer: add route to second screen example

src/renderer/screens/MainScreen.vue

@@ -38,10 +38,15 @@ const handleCountIncrease = (): void => {
 <template>
 	<v-container>
 		<v-row no-gutters align="center" class="text-center">
-			<v-col cols="5">
-				<img alt="logo" class="ma-auto h-auto w-75" src="/images/vutron-logo.webp" />
+			<v-col cols="12" md="5">
+				<img
+					alt="logo"
+					draggable="false"
+					class="ma-auto h-auto w-75"
+					src="/images/vutron-logo.webp"
+				/>
 			</v-col>
-			<v-col cols="7">
+			<v-col cols="12" md="7">
 				<h2 class="my-4">{{ $t('desc.welcome-title') }}</h2>
 				<p>{{ $t('desc.welcome-desc') }}</p>
 				<v-row class="my-4">

src/renderer/screens/SecondScreen.vue

@@ -0,0 +1,12 @@
+<script setup lang="tsx"></script>
+
+<template>
+	<v-container>
+		<v-row no-gutters align="center" class="text-center">
+			<v-col cols="12">
+				<v-icon icon="mdi-emoticon-cool-outline" size="250" color="#009f57" />
+			</v-col>
+			<v-col cols="12" class="my-4">{{ $t('desc.second-desc') }}</v-col>
+		</v-row>
+	</v-container>
+</template>

src/renderer/screens/index.ts

@@ -1,4 +1,5 @@
 import ErrorScreen from '@/renderer/screens/ErrorScreen.vue'
 import MainScreen from '@/renderer/screens/MainScreen.vue'
+import SecondScreen from '@/renderer/screens/SecondScreen.vue'
 
-export { ErrorScreen, MainScreen }
+export { ErrorScreen, MainScreen, SecondScreen }