[WIP] Nuxt3 project

.github/workflows/build.yml

@@ -0,0 +1,103 @@
+name: Build and deploy to Kuroco front
+on:
+  push:
+    branches:
+      - main
+  issue_comment:
+    types: [created, edited]
+  workflow_dispatch:
+
+jobs:
+  # for Pull Request (exclude merged)
+  pullreq_build:
+    name: Build(pullreq)
+    if: (github.repository == 'VortexExpansion/front_nuxt_corporate' && github.event_name == 'issue_comment' && startsWith(github.event.comment.body, '/kuroco stage') && github.event.issue.pull_request != null)
+    runs-on: ubuntu-latest
+    steps:
+      - name: "Get branch name and sha"
+        id: get_branch
+        run: |
+          PR=$(curl -H "X-Kuroco-Auth: token abd1c816e196edb0c626d44ccff524f5" https://dev-nuxt-corporate.g.kuroco.app/direct/menu/github/?pr=${{ github.event.issue.pull_request.url }})
+          echo "branch=$(echo $PR | jq -r '.ref')" >> $GITHUB_OUTPUT
+          echo "sha=$(echo $PR | jq -r '.sha')" >> $GITHUB_OUTPUT
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+        with:
+          ref: ${{ steps.get_branch.outputs.branch }}
+      - name: Use Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18.x'
+
+      - name: CI Cache
+        uses: actions/cache@v3
+        id: node_modules_cache_id
+        env:
+          cache-name: cache-node-modules
+        with:
+          path: '**/node_modules'
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ github.ref_name }}-${{ hashFiles('**/package-lock.json') }}
+      - name: Install dependencies
+        if: ${{ steps.node_modules_cache_id.outputs.cache-hit != 'true' }}
+        run: npm ci
+
+      - name: Generate
+        run: npm run generate
+      - name: Zip artifact for upload
+        run: cd ./.output/public && zip ../../dist.zip . -r
+      - name: Archive Production Artifact
+        uses: actions/upload-artifact@v3
+        with:
+          name: ${{ steps.get_branch.outputs.sha }}-${{ github.run_id }}
+          path: dist.zip
+          retention-days: 1
+      - name: Wait for Artifact download
+        run: sleep 15
+      - name: Webhook
+        uses: diverta/workflow-webhook@v2
+        env:
+          webhook_url: "https://dev-nuxt-corporate.g.kuroco.app/direct/menu/github/"
+          webhook_secret: "abd1c816e196edb0c626d44ccff524f5"
+          data: '{"single_zip":"1","domain":"dev-nuxt-corporate.g.kuroco-front.app","pr":"${{ github.event.issue.pull_request.url }}",  "repository":"${{ github.repository }}", "run_id":"${{ github.run_id }}", "hash":"${{ steps.get_branch.outputs.sha }}"}'
+
+  #for Push
+  pushed_build:
+    name: Build(pushed)
+    if: (github.repository == 'VortexExpansion/front_nuxt_corporate' && (github.event_name == 'push' || github.event_name == 'workflow_dispatch'))
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+      - name: Use Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18.x'
+
+      - name: CI Cache
+        uses: actions/cache@v3
+        id: node_modules_cache_id
+        env:
+          cache-name: cache-node-modules
+        with:
+          path: '**/node_modules'
+          key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ github.ref_name }}-${{ hashFiles('**/package-lock.json') }}
+      - name: Install dependencies
+        if: ${{ steps.node_modules_cache_id.outputs.cache-hit != 'true' }}
+        run: npm ci
+
+      - name: Generate
+        run: npm run generate
+      - name: Zip artifact for upload
+        run: cd ./.output/public && zip ../../dist.zip . -r
+      - name: Archive Production Artifact
+        uses: actions/upload-artifact@v3
+        with:
+          name: ${{ github.sha }}-${{ github.run_id }}
+          path: dist.zip
+          retention-days: 7
+      - name: Webhook
+        uses: diverta/workflow-webhook@v2
+        env:
+          webhook_url: "https://dev-nuxt-corporate.g.kuroco.app/direct/menu/github/"
+          webhook_secret: "abd1c816e196edb0c626d44ccff524f5"
+          data: '{"single_zip":"1","domain":"dev-nuxt-corporate.g.kuroco-front.app", "repository":"${{ github.repository }}", "run_id":"${{ github.run_id }}", "hash":"${{ github.sha }}"}'

.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

.npmrc

@@ -0,0 +1,2 @@
+shamefully-hoist=true
+strict-peer-dependencies=false

.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["vue.volar"]
+}

README.md

@@ -1,2 +1,63 @@
-# front_nuxt_corporate
-コーポレートサイト向けテンプレート
+# Nuxt 3 Minimal Starter
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app.vue

@@ -0,0 +1,12 @@
+<template>
+  <NuxtLayout>
+    <div>
+      <NuxtLoadingIndicator />
+      <NuxtPage />
+    </div>
+  </NuxtLayout>
+</template>
+
+<script setup>
+await useAuth().profile();
+</script>

assets/scss/_variables.scss

@@ -0,0 +1,37 @@
+:root {
+  --color-base: #222;
+  --color-primary: #2C7BE5;
+  --color-primary-dark: #2569c3;
+  --color-error: #E63757;
+  --color-success: #21a68d;
+  --color-border: #c9ced6;
+  --color-white:  #FFFFFF;
+  --color-light-gray: #e4e9f2;
+  --color-gray: #62718C;
+  --color-dark-gray: #2e3538;
+  --font-size-base: 1.6rem;
+  --font-size-h1: 2.2em;
+  --font-size-h1-sp: 1.8em;
+  --font-size-h2: 1.8em;
+  --font-size-h2-sp: 1.6em;
+  --font-size-h3: 1.4em;
+  --font-size-h3-sp: 1.3em;
+  --font-size-h4: 1.2em;
+  --font-size-h4-sp: 1.1em;
+  --font-size-small: .9em;
+  --font-size-x-small: .85em ;
+  --font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', Meiryo, 'MS UI Gothic', Helvetica, Arial, sans-serif;
+  --font-en: 'Secular One', sans-serif;
+  --border-radius: 4px;
+  --border-radius-large: calc( var(--border-radius) * 2 );
+  --spacing: 1em;
+  --spacing-small: calc( var(--spacing) / 2 );
+  --spacing-large: calc( var(--spacing) * 2 );
+  --spacing-vertical-pc: 80px;
+  --spacing-horizontal-pc: 40px;
+  --spacing-vertical-sp: 40px;
+  --spacing-horizontal-sp: 20px;
+  --transition-seconds: 0.2s;
+  --header-height-pc: 80px;
+  --header-height-sp: 60px;
+}

assets/scss/foundation/_common.scss

@@ -0,0 +1,104 @@
+/********************************************
+		Common
+********************************************/
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Secular+One&display=swap');
+*,
+*:after,
+*:before {
+  box-sizing: border-box;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  line-height: 1;
+  font-weight: normal;
+  margin: 0;
+  padding: 0;
+}
+
+dd,
+dl,
+dt,
+label,
+ul {
+  padding: 0;
+  margin: 0;
+}
+
+li {
+  list-style: none;
+}
+
+a {
+  font-family: var(--font-family);
+  text-decoration: none;
+  color: inherit;
+
+  &:hover {
+    cursor: pointer;
+  }
+}
+
+img {
+  vertical-align: top;
+  max-width: 100%;
+}
+
+html {
+  font-size: 62.5%;
+}
+
+body,
+html {
+  width: 100%;
+  height: 100%;
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+  color: var(--color-base);
+  font-size: var(--font-size-base);
+  font-family: var(--font-family);
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: var(--color-base);
+  font-size: var(--font-size-base);
+  font-family: var(--font-family);
+}
+::placeholder {
+  color: #aaa;
+}
+
+button,
+input[type="button"],
+input[type="submit"] {
+  border: none;
+}
+
+iframe {
+  vertical-align: top;
+}
+
+table {
+  border: 1px solid var(--color-border);
+  border-collapse: collapse;
+  th,
+  td {
+    padding: var(--spacing);
+    border: 1px solid var(--color-border);
+  }
+  th {
+    background-color: var(--color-light-gray);
+  }
+}