Move interface definitions outside of <script setup>

Putting them in separate <script> tags lets them be excluded from the
type definition for the component.

See the error when creating types (e.g. `pnpm vue-tsc --composite false
-p tsconfig.app.json --declaration --emitDeclarationOnly`; note that
this will generate *.d.ts files next to the source files), and this
comment:

<vuejs/language-tools#1232 (comment)>

Author: Matthew Klein

src/components/SunriseSunset.vue

@@ -1,11 +1,13 @@
-<script setup lang="ts">
-import init, { getSunriseSunset } from "@sunrise-cli/pkg/sunrise_cli";
-import { type PropType, computed } from "vue";
-
+<script lang="ts">
 interface Coord {
   lat: number;
   lon: number;
 }
+</script>
+
+<script setup lang="ts">
+import init, { getSunriseSunset } from "@sunrise-cli/pkg/sunrise_cli";
+import { type PropType, computed } from "vue";
 
 const props = defineProps({
   coords: {

src/components/variable-fonts/VariableFontAxis.vue

@@ -1,6 +1,4 @@
-<script setup lang="ts">
-import type { PropType } from "vue";
-
+<script lang="ts">
 interface Opts {
   id: string;
   label: string;
@@ -11,6 +9,10 @@ interface Opts {
   userStep: number;
   default: number;
 }
+</script>
+
+<script setup lang="ts">
+import type { PropType } from "vue";
 
 const props = defineProps({
   modelValue: {