Vue3ならscript template style

ずっともやもやしていた<templte><script><style>の順番

Vue2の時はどのサンプル見てもこうだった

<template></template>
<script></script>
<style></style>

でも最近Vue3になってからこんなんばっかりになった

<script></script>
<template></template>
<style></style>

Reactっぽいなぁ～
Reactの真似してるのかな～
とか思ってたけど

ロジック開発するときscriptとtemplateが近くて
UI開発するときtemplateとstyle近い
この順番の方が合理的。。。

Tailwind使っているのでほとんどstyleなんか書かないけど
0ではないのでこの順番にしていこう。。。