Merge pull request #15 from azooKey/feat/updates

feat: update site for azooKey v3.0 releases

Author: ensan-hcl

src/components/ArticleHeaderLogo.vue

@@ -6,7 +6,7 @@
 import { defineComponent } from 'vue'
 
 export default defineComponent({
-  name: 'PageHeader'
+  name: 'ArticleContainer'
 })
 </script>
 
@@ -22,3 +22,4 @@ article {
   padding-bottom: 12px;
 }
 </style>
+

src/components/PageArticle.vue src/components/base/ArticleContainer.vuesrc/components/PageArticle.vue renamed to src/components/base/ArticleContainer.vue

@@ -13,12 +13,12 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue'
-
-import AppIcon from './AppIcon.vue'
-import AppStoreLink from './AppStoreLink.vue'
+import { navLinks } from '../../constants/navLinks'
+import AppIcon from '../ui/AppIcon.vue'
+import AppStoreLink from '../ui/AppStoreLink.vue'
 
 export default defineComponent({
-  name: 'TheFooter',
+  name: 'AppFooter',
 
   components: {
     AppIcon,
@@ -27,36 +27,7 @@ export default defineComponent({
 
   data() {
     return {
-      links: [
-      {
-          name: 'オープンソース',
-          destination: '/OpenSource'
-        },
-        {
-          name: 'macOS版',
-          destination: '/macOS'
-        },
-        {
-          name: 'カスタムタブ',
-          destination: '/CustomTabs'
-        },
-        {
-          name: '利用規約',
-          destination: '/TermsOfService'
-        },
-        {
-          name: 'プライバシーポリシー',
-          destination: '/PrivacyPolicy'
-        },
-        {
-          name: 'Q&A',
-          destination: '/QA'
-        },
-        {
-          name: 'お問い合わせ',
-          destination: '/Contact'
-        }
-      ]
+      links: navLinks
     }
   }
 })

src/components/TheFooter.vue src/components/layout/AppFooter.vuesrc/components/TheFooter.vue renamed to src/components/layout/AppFooter.vue

@@ -16,7 +16,7 @@
 </template>
 
 <script setup lang="ts">
-import AppStoreLink from './AppStoreLink.vue'
+import AppStoreLink from '../ui/AppStoreLink.vue'
 </script>
 
 <style>

src/components/PageHeader.vue src/components/layout/HeroHeader.vuesrc/components/PageHeader.vue renamed to src/components/layout/HeroHeader.vue

@@ -1,5 +1,3 @@
-
-
 <template>
   <!-- v-show でまるごと表示制御 -->
   <header class="mini-header" v-show="visible">
@@ -34,18 +32,9 @@
 </template>
 <script setup lang="ts">
 import { ref } from 'vue'
-const { visible } = defineProps<{ visible: boolean }>()
-
-const links = [
-  { name: 'オープンソース', destination: '/OpenSource' },
-  { name: 'macOS版', destination: '/macOS' },
-  { name: 'カスタムタブ', destination: '/CustomTabs' },
-  { name: '利用規約', destination: '/TermsOfService' },
-  { name: 'プライバシーポリシー', destination: '/PrivacyPolicy' },
-  { name: 'Q&A', destination: '/QA' },
-  { name: 'お問い合わせ', destination: '/Contact' }
-]
+import { navLinks as links } from '../../constants/navLinks'
 
+const { visible } = defineProps<{ visible: boolean }>()
 const drawerOpen = ref(false)
 </script>
 
@@ -133,4 +122,4 @@ const drawerOpen = ref(false)
 .drawer-fade-leave-to {
   opacity: 0;
 }
-</style>
+</style>

src/components/MiniHeader.vue src/components/layout/MiniHeader.vuesrc/components/MiniHeader.vue renamed to src/components/layout/MiniHeader.vue

@@ -6,7 +6,7 @@
 import { defineComponent } from 'vue'
 
 export default defineComponent({
-  name: 'ArticleHeader1'
+  name: 'SectionTitle'
 })
 </script>
 

src/components/ArticleHeader1.vue …c/components/typography/SectionTitle.vuesrc/components/ArticleHeader1.vue renamed to src/components/typography/SectionTitle.vue src/components/ArticleHeader1.vue renamed to src/components/typography/SectionTitle.vue

@@ -20,3 +20,4 @@ img {
   border-radius: 12%;
 }
 </style>
+

src/components/AppIcon.vue src/components/ui/AppIcon.vuesrc/components/AppIcon.vue renamed to src/components/ui/AppIcon.vue

@@ -29,3 +29,4 @@ export default defineComponent({
   position: relative;
 }
 </style>
+

src/components/AppStoreLink.vue src/components/ui/AppStoreLink.vuesrc/components/AppStoreLink.vue renamed to src/components/ui/AppStoreLink.vue

@@ -0,0 +1,13 @@
+export type NavLink = { name: string; destination: string }
+
+// Centralized navigation links used by MiniHeader and TheFooter
+export const navLinks: NavLink[] = [
+  { name: 'オープンソース', destination: '/OpenSource' },
+  { name: 'macOS版', destination: '/macOS' },
+  { name: 'カスタムタブ', destination: '/CustomTabs' },
+  { name: '利用規約', destination: '/TermsOfService' },
+  { name: 'プライバシーポリシー', destination: '/PrivacyPolicy' },
+  { name: 'Q&A', destination: '/QA' },
+  { name: 'お問い合わせ', destination: '/Contact' }
+]
+

src/constants/navLinks.ts

@@ -1,65 +1,12 @@
-import { ViteSSG } from "vite-ssg";
-import App from "./App.vue";
-
-import Main from "./pages/Main.vue";
-import {
-	createWebHistory,
-	type RouteRecordRaw,
-	type RouterScrollBehavior,
-} from "vue-router";
-
-export const routes: RouteRecordRaw[] = [
-	{
-		path: "/",
-		name: "Main",
-		component: Main,
-	},
-	{
-		path: "/Contact",
-		name: "Contact",
-		component: () => import("./pages/Contact.vue"),
-	},
-	{
-		path: "/PrivacyPolicy",
-		name: "PrivacyPolicy",
-		component: () => import("./pages/PrivacyPolicy.vue"),
-	},
-	{
-		path: "/TermsOfService",
-		name: "TermsOfService",
-		component: () => import("./pages/TermsOfService.vue"),
-	},
-	{
-		path: "/CustomTabs",
-		name: "CustomTabs",
-		component: () => import("./pages/CustomTabs.vue"),
-	},
-	{
-		path: "/macOS",
-		name: "Desktop",
-		component: () => import("./pages/Desktop.vue"),
-	},
-	{
-		path: "/OpenSource",
-		name: "OpenSource",
-		component: () => import("./pages/OpenSource.vue"),
-	},
-	{
-		path: "/QA",
-		name: "QA",
-		component: () => import("./pages/QA.vue"),
-	},
-];
-
-const scrollBehavior: RouterScrollBehavior = (to, from, savedPosition) => {
-	return { top: 0 };
-};
+import { ViteSSG } from 'vite-ssg'
+import App from './App.vue'
+import { routes, scrollBehavior } from './router'
 
 export const createApp = ViteSSG(
-	App,
-	{
-		routes,
-		scrollBehavior,
-	},
-	({ app, router, initialState }) => {},
-);
+  App,
+  {
+    routes,
+    scrollBehavior
+  },
+  () => {}
+)