put <script>s after <template>s

SELab-2 · Feb 24, 2024 · 81cf14d · 81cf14d
1 parent 5625538
commit 81cf14d
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 24 deletions.
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
@@ -1,8 +1,3 @@
-<script setup lang="ts">
-import { RouterLink, RouterView } from 'vue-router';
-import HelloWorld from './components/HelloWorld.vue';
-</script>
-
 <template>
     <header>
         <img alt="Vue logo" class="logo" src="@/assets/logo.svg" width="125" height="125" />
@@ -20,6 +15,11 @@ import HelloWorld from './components/HelloWorld.vue';
     <RouterView />
 </template>
 
+<script setup lang="ts">
+import { RouterLink, RouterView } from 'vue-router';
+import HelloWorld from './components/HelloWorld.vue';
+</script>
+
 <style scoped>
 header {
     line-height: 1.5;

diff --git a/frontend/src/components/HelloWorld.vue b/frontend/src/components/HelloWorld.vue
@@ -1,9 +1,3 @@
-<script setup lang="ts">
-defineProps<{
-    msg: string;
-}>();
-</script>
-
 <template>
     <div class="greetings">
         <h1 class="green">{{ msg }}</h1>
@@ -15,6 +9,12 @@ defineProps<{
     </div>
 </template>
 
+<script setup lang="ts">
+defineProps<{
+    msg: string;
+}>();
+</script>
+
 <style scoped>
 h1 {
     font-weight: 500;

diff --git a/frontend/src/components/TheWelcome.vue b/frontend/src/components/TheWelcome.vue
@@ -1,12 +1,3 @@
-<script setup lang="ts">
-import WelcomeItem from './WelcomeItem.vue';
-import DocumentationIcon from './icons/IconDocumentation.vue';
-import ToolingIcon from './icons/IconTooling.vue';
-import EcosystemIcon from './icons/IconEcosystem.vue';
-import CommunityIcon from './icons/IconCommunity.vue';
-import SupportIcon from './icons/IconSupport.vue';
-</script>
-
 <template>
     <WelcomeItem>
         <template #icon>
@@ -89,3 +80,12 @@ import SupportIcon from './icons/IconSupport.vue';
         <a href="https://vuejs.org/sponsor/" target="_blank" rel="noopener">becoming a sponsor</a>.
     </WelcomeItem>
 </template>
+
+<script setup lang="ts">
+import WelcomeItem from './WelcomeItem.vue';
+import DocumentationIcon from './icons/IconDocumentation.vue';
+import ToolingIcon from './icons/IconTooling.vue';
+import EcosystemIcon from './icons/IconEcosystem.vue';
+import CommunityIcon from './icons/IconCommunity.vue';
+import SupportIcon from './icons/IconSupport.vue';
+</script>
diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
@@ -1,9 +1,9 @@
-<script setup lang="ts">
-import TheWelcome from '../components/TheWelcome.vue';
-</script>
-
 <template>
     <main>
         <TheWelcome />
     </main>
 </template>
+
+<script setup lang="ts">
+import TheWelcome from '../components/TheWelcome.vue';
+</script>