commit ad8daeb7d1d8a6feb0303dd15a4559bb24ef974a
Author: syui <syui@syui.ai>
Date:   Sat Apr 1 04:51:52 2023 +0900

    first

diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
new file mode 100644
index 0000000..2eea60a
--- /dev/null
+++ b/.github/workflows/gh-pages.yml
@@ -0,0 +1,31 @@
+name: github pages
+
+on:
+  push:
+    branches:
+    - main
+
+jobs:
+  build-deploy:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v1
+    - uses: actions/setup-node@v1
+      with:
+        node-version: 14
+        ref: main
+        submodules: true
+        fetch-depth: 0
+    - run: yarn install
+
+    - name: Build
+      env: 
+        TZ: "Asia/Tokyo"
+      run: |
+           yarn build
+
+    - name: Deploy
+      uses: peaceiris/actions-gh-pages@v3
+      with:
+        github_token: ${{ secrets.GITHUB_TOKEN }}
+        publish_dir: ./dist
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..bc46d57
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+.DS_Store
+node_modules
+dist
+*.lock
diff --git a/CNAME b/CNAME
new file mode 100644
index 0000000..1ca9933
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+card.syui.ai
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..9d9d9d4
--- /dev/null
+++ b/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "atr-web",
+  "version": "0.0.1",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "axios": "^0.25.0",
+    "core-js": "^3.6.4",
+    "moment": "^2.29.4",
+    "superagent": "^8.0.9",
+    "vue": "^2.6.11",
+    "vue-loading-template": "^1.3.2",
+    "vue-template-compiler": "^2.6.14"
+  },
+  "devDependencies": {
+    "@vue/cli-service": "~4.5.15"
+  }
+}
diff --git a/public/CNAME b/public/CNAME
new file mode 100644
index 0000000..9bf3273
--- /dev/null
+++ b/public/CNAME
@@ -0,0 +1 @@
+at.syui.ai
diff --git a/public/card/card.json b/public/card/card.json
new file mode 100644
index 0000000..4f464a9
--- /dev/null
+++ b/public/card/card.json
@@ -0,0 +1,80 @@
+[
+  {
+    "id": 0,
+    "h": "創造",
+    "src": "89",
+    "cid": "bafkreibh4nmdgyzvjvkhek2ultx4lsrrq2dnc7z2lqbua2ik47xo2zgkru"
+  },
+  {
+    "id": 1,
+    "h": "夢幻",
+    "src": "100",
+    "cid": "bafkreiajf5lblrojyo7vcqdhiqgbhd5eaj3u47mvvqf63kvexwfwphpx2y"
+  },
+  {
+    "id": 2,
+    "h": "光輝",
+    "src": "109",
+    "cid": "bafkreieywv4thvjrwbcf2dcol4svwmculf5qm2kvjtu2ywyyh56c7swi64"
+  },
+  {
+    "id": 3,
+    "h": "中性子",
+    "src": "88",
+    "cid": "bafkreieuphzhesuoqouszzwuv3iw7d5nz4eamlqc2csfv26d5vmcdg2qby"
+  },
+  {
+    "id": 4,
+    "h": "太陽",
+    "src": "59",
+    "cid": "bafkreifw7f44ldmi7bufs5rzwftjvgmsflekkvxazqns63venm7hqnql3q"
+  },
+  {
+    "id": 5,
+    "h": "夜空",
+    "src": "112",
+    "cid": "bafkreicuieuz6wjva7l7t2u5n46izxs7nku6tedlgtlgkabszjz5dn3yl4"
+  },
+  {
+    "id": 6,
+    "h": "白雪",
+    "src": "15",
+    "cid": "bafkreihl5ifvl3ougbfdjfdjwrhdjrncqm5opj65cteow5f2aj7p6nz42y"
+  },
+  {
+    "id": 7,
+    "h": "雷帝",
+    "src": "30",
+    "cid": "bafkreihylxc22kfcb3bereypl6tvqkiqtazod3tp7vbze7yxdqedwli6z4"
+  },
+  {
+    "id": 8,
+    "h": "超究",
+    "src": "108",
+    "cid": "bafkreieq4tdiq72tsbvqv5bnitd5sj5bbvtmee5off3k4nvl7za3plhj5m"
+  },
+  {
+    "id": 9,
+    "h": "剣技",
+    "src": "103",
+    "cid": "bafkreig2uzf5cyn5fty5ftumd6wyg7vf5wry37h4v4mmorkx5msvn3uqvu"
+  },
+  {
+    "id": 10,
+    "h": "破壊",
+    "src": "87",
+    "cid": "bafkreifcos5ur6y753jepmy4ttgylasvcyk5osguzlaojcnlrshl3q6k3a"
+  },
+  {
+    "id": 11,
+    "h": "地球",
+    "src": "78",
+    "cid": "bafkreigpxxkzz2oesnb2mnfe42nrgk57wnr73ssn5luriy3j25mij43uki"
+  },
+  {
+    "id": 12,
+    "h": "天ノ川",
+    "src": "115",
+    "cid": "bafkreiefcjjplklmo6wrc7pq23yaewg2zgjm7nsmjy5q7mut2dnxydomnm"
+  }
+]
diff --git a/public/card/card_0.jpg b/public/card/card_0.jpg
new file mode 100644
index 0000000..c190a95
Binary files /dev/null and b/public/card/card_0.jpg differ
diff --git a/public/card/card_0.png b/public/card/card_0.png
new file mode 100644
index 0000000..6885299
Binary files /dev/null and b/public/card/card_0.png differ
diff --git a/public/card/card_0.webp b/public/card/card_0.webp
new file mode 100644
index 0000000..17c86ad
Binary files /dev/null and b/public/card/card_0.webp differ
diff --git a/public/card/card_1.jpg b/public/card/card_1.jpg
new file mode 100644
index 0000000..ca2a6ae
Binary files /dev/null and b/public/card/card_1.jpg differ
diff --git a/public/card/card_1.png b/public/card/card_1.png
new file mode 100644
index 0000000..48a1ef8
Binary files /dev/null and b/public/card/card_1.png differ
diff --git a/public/card/card_1.webp b/public/card/card_1.webp
new file mode 100644
index 0000000..2fa671c
Binary files /dev/null and b/public/card/card_1.webp differ
diff --git a/public/card/card_10.jpg b/public/card/card_10.jpg
new file mode 100644
index 0000000..9c67280
Binary files /dev/null and b/public/card/card_10.jpg differ
diff --git a/public/card/card_10.png b/public/card/card_10.png
new file mode 100644
index 0000000..98dbfed
Binary files /dev/null and b/public/card/card_10.png differ
diff --git a/public/card/card_10.webp b/public/card/card_10.webp
new file mode 100644
index 0000000..7da5c87
Binary files /dev/null and b/public/card/card_10.webp differ
diff --git a/public/card/card_11.jpg b/public/card/card_11.jpg
new file mode 100644
index 0000000..a3c13ee
Binary files /dev/null and b/public/card/card_11.jpg differ
diff --git a/public/card/card_11.png b/public/card/card_11.png
new file mode 100644
index 0000000..d047865
Binary files /dev/null and b/public/card/card_11.png differ
diff --git a/public/card/card_11.webp b/public/card/card_11.webp
new file mode 100644
index 0000000..ce2156d
Binary files /dev/null and b/public/card/card_11.webp differ
diff --git a/public/card/card_12.jpg b/public/card/card_12.jpg
new file mode 100644
index 0000000..cbf5e4b
Binary files /dev/null and b/public/card/card_12.jpg differ
diff --git a/public/card/card_12.png b/public/card/card_12.png
new file mode 100644
index 0000000..19be0ae
Binary files /dev/null and b/public/card/card_12.png differ
diff --git a/public/card/card_12.webp b/public/card/card_12.webp
new file mode 100644
index 0000000..09bac00
Binary files /dev/null and b/public/card/card_12.webp differ
diff --git a/public/card/card_2.jpg b/public/card/card_2.jpg
new file mode 100644
index 0000000..82c891b
Binary files /dev/null and b/public/card/card_2.jpg differ
diff --git a/public/card/card_2.png b/public/card/card_2.png
new file mode 100644
index 0000000..58e737d
Binary files /dev/null and b/public/card/card_2.png differ
diff --git a/public/card/card_2.webp b/public/card/card_2.webp
new file mode 100644
index 0000000..ba5ad64
Binary files /dev/null and b/public/card/card_2.webp differ
diff --git a/public/card/card_3.jpg b/public/card/card_3.jpg
new file mode 100644
index 0000000..7079c1d
Binary files /dev/null and b/public/card/card_3.jpg differ
diff --git a/public/card/card_3.png b/public/card/card_3.png
new file mode 100644
index 0000000..05109c7
Binary files /dev/null and b/public/card/card_3.png differ
diff --git a/public/card/card_3.webp b/public/card/card_3.webp
new file mode 100644
index 0000000..511181b
Binary files /dev/null and b/public/card/card_3.webp differ
diff --git a/public/card/card_4.jpg b/public/card/card_4.jpg
new file mode 100644
index 0000000..51ad628
Binary files /dev/null and b/public/card/card_4.jpg differ
diff --git a/public/card/card_4.png b/public/card/card_4.png
new file mode 100644
index 0000000..3c60f5d
Binary files /dev/null and b/public/card/card_4.png differ
diff --git a/public/card/card_4.webp b/public/card/card_4.webp
new file mode 100644
index 0000000..245087d
Binary files /dev/null and b/public/card/card_4.webp differ
diff --git a/public/card/card_5.jpg b/public/card/card_5.jpg
new file mode 100644
index 0000000..0ef171d
Binary files /dev/null and b/public/card/card_5.jpg differ
diff --git a/public/card/card_5.png b/public/card/card_5.png
new file mode 100644
index 0000000..0152008
Binary files /dev/null and b/public/card/card_5.png differ
diff --git a/public/card/card_5.webp b/public/card/card_5.webp
new file mode 100644
index 0000000..2f1206f
Binary files /dev/null and b/public/card/card_5.webp differ
diff --git a/public/card/card_6.jpg b/public/card/card_6.jpg
new file mode 100644
index 0000000..458a93e
Binary files /dev/null and b/public/card/card_6.jpg differ
diff --git a/public/card/card_6.png b/public/card/card_6.png
new file mode 100644
index 0000000..f02b32c
Binary files /dev/null and b/public/card/card_6.png differ
diff --git a/public/card/card_6.webp b/public/card/card_6.webp
new file mode 100644
index 0000000..e1d975e
Binary files /dev/null and b/public/card/card_6.webp differ
diff --git a/public/card/card_7.jpg b/public/card/card_7.jpg
new file mode 100644
index 0000000..7c95a39
Binary files /dev/null and b/public/card/card_7.jpg differ
diff --git a/public/card/card_7.png b/public/card/card_7.png
new file mode 100644
index 0000000..00ce43e
Binary files /dev/null and b/public/card/card_7.png differ
diff --git a/public/card/card_7.webp b/public/card/card_7.webp
new file mode 100644
index 0000000..fdc07ca
Binary files /dev/null and b/public/card/card_7.webp differ
diff --git a/public/card/card_8.jpg b/public/card/card_8.jpg
new file mode 100644
index 0000000..51a7daf
Binary files /dev/null and b/public/card/card_8.jpg differ
diff --git a/public/card/card_8.png b/public/card/card_8.png
new file mode 100644
index 0000000..f9d0f86
Binary files /dev/null and b/public/card/card_8.png differ
diff --git a/public/card/card_8.webp b/public/card/card_8.webp
new file mode 100644
index 0000000..dfa10bd
Binary files /dev/null and b/public/card/card_8.webp differ
diff --git a/public/card/card_9.jpg b/public/card/card_9.jpg
new file mode 100644
index 0000000..8301628
Binary files /dev/null and b/public/card/card_9.jpg differ
diff --git a/public/card/card_9.png b/public/card/card_9.png
new file mode 100644
index 0000000..a76382f
Binary files /dev/null and b/public/card/card_9.png differ
diff --git a/public/card/card_9.webp b/public/card/card_9.webp
new file mode 100644
index 0000000..458c2e1
Binary files /dev/null and b/public/card/card_9.webp differ
diff --git a/public/card/t.zsh b/public/card/t.zsh
new file mode 100755
index 0000000..6b196dc
--- /dev/null
+++ b/public/card/t.zsh
@@ -0,0 +1,21 @@
+#!/bin/zsh
+
+d=${0:a:h}
+j=$d/card.json
+n=`cat $j|jq length`
+n=$((n - 1))
+for ((i=0;i<=$n;i++))
+do
+	t=`cat $j|jq ".[$i].cid"`
+	id=`cat $j|jq ".[$i].id"`
+	f=card_${id}.webp
+	if ls $f;then
+		cid=`atr img-upload $f|head -n 1`
+		echo $cid
+		if cat $j |jq ".[$i]|= .+ {\"cid\":\"$cid\"}";then
+			cat $j |jq ".[$i]|= .+ {\"cid\":\"$cid\"}" >! $j.back
+			mv $j.back $j
+			cat $j|jq ".[$i]"
+		fi
+	fi
+done
diff --git a/public/chara/ai.png b/public/chara/ai.png
new file mode 100644
index 0000000..aa5f73a
Binary files /dev/null and b/public/chara/ai.png differ
diff --git a/public/chara/drai.png b/public/chara/drai.png
new file mode 100644
index 0000000..3586e16
Binary files /dev/null and b/public/chara/drai.png differ
diff --git a/public/chara/kyosuke.png b/public/chara/kyosuke.png
new file mode 100644
index 0000000..27ddfc9
Binary files /dev/null and b/public/chara/kyosuke.png differ
diff --git a/public/chara/mr.png b/public/chara/mr.png
new file mode 100644
index 0000000..5423629
Binary files /dev/null and b/public/chara/mr.png differ
diff --git a/public/chara/neko.png b/public/chara/neko.png
new file mode 100644
index 0000000..e0d067d
Binary files /dev/null and b/public/chara/neko.png differ
diff --git a/public/chara/octkat.png b/public/chara/octkat.png
new file mode 100644
index 0000000..8c5db39
Binary files /dev/null and b/public/chara/octkat.png differ
diff --git a/public/chara/papas.png b/public/chara/papas.png
new file mode 100644
index 0000000..83e2967
Binary files /dev/null and b/public/chara/papas.png differ
diff --git a/public/chara/plan.png b/public/chara/plan.png
new file mode 100644
index 0000000..cb7a86e
Binary files /dev/null and b/public/chara/plan.png differ
diff --git a/public/chara/ponta.png b/public/chara/ponta.png
new file mode 100644
index 0000000..e60f28a
Binary files /dev/null and b/public/chara/ponta.png differ
diff --git a/public/chara/zen.png b/public/chara/zen.png
new file mode 100644
index 0000000..ddd9296
Binary files /dev/null and b/public/chara/zen.png differ
diff --git a/public/image/1gNGwD6W74qb_Nuncr5H5i9UADEtdyds9myxRGnkGMw/rs:fill:1000:1000:1:0/plain/bafkreibxgpwttqvpsnn5yrvqkx47nwuzpzrkfyladqy2hbj3chedph3fni@jpeg b/public/image/1gNGwD6W74qb_Nuncr5H5i9UADEtdyds9myxRGnkGMw/rs:fill:1000:1000:1:0/plain/bafkreibxgpwttqvpsnn5yrvqkx47nwuzpzrkfyladqy2hbj3chedph3fni@jpeg
new file mode 100644
index 0000000..9cd8f23
Binary files /dev/null and b/public/image/1gNGwD6W74qb_Nuncr5H5i9UADEtdyds9myxRGnkGMw/rs:fill:1000:1000:1:0/plain/bafkreibxgpwttqvpsnn5yrvqkx47nwuzpzrkfyladqy2hbj3chedph3fni@jpeg differ
diff --git a/public/image/G8UWSR-zF7dJQP-wEhlMfUwzUmdX6v6J4mxA5cQZ7mE/rs:fill:1000:1000:1:0/plain/bafkreicltsmeatkmq5wkx5ge6nz73ol2wrf5fa5gkymxmuahzfytyjrvze@jpeg b/public/image/G8UWSR-zF7dJQP-wEhlMfUwzUmdX6v6J4mxA5cQZ7mE/rs:fill:1000:1000:1:0/plain/bafkreicltsmeatkmq5wkx5ge6nz73ol2wrf5fa5gkymxmuahzfytyjrvze@jpeg
new file mode 100644
index 0000000..4a303eb
Binary files /dev/null and b/public/image/G8UWSR-zF7dJQP-wEhlMfUwzUmdX6v6J4mxA5cQZ7mE/rs:fill:1000:1000:1:0/plain/bafkreicltsmeatkmq5wkx5ge6nz73ol2wrf5fa5gkymxmuahzfytyjrvze@jpeg differ
diff --git a/public/image/vEPdhP659vrk0CqxpzvOvoc0ZnIlsAAxhmoUS3Am2KU/rs:fill:1000:1000:1:0/plain/bafkreihl4namtpjtx2a3hqdepgwvdgvhb4sfc37tg4dho4loolntmzp57a@jpeg b/public/image/vEPdhP659vrk0CqxpzvOvoc0ZnIlsAAxhmoUS3Am2KU/rs:fill:1000:1000:1:0/plain/bafkreihl4namtpjtx2a3hqdepgwvdgvhb4sfc37tg4dho4loolntmzp57a@jpeg
new file mode 100644
index 0000000..4a303eb
Binary files /dev/null and b/public/image/vEPdhP659vrk0CqxpzvOvoc0ZnIlsAAxhmoUS3Am2KU/rs:fill:1000:1000:1:0/plain/bafkreihl4namtpjtx2a3hqdepgwvdgvhb4sfc37tg4dho4loolntmzp57a@jpeg differ
diff --git a/public/image/yxvjT3Q1W4xjQXO5knVPFXcCGJNHLCAaFgO8cJnnV18/rs:fill:3000:1000:1:0/plain/bafkreid4lykfei4rz262s6gn6popexr7bgtb2gskqpn3or3cxdvi3bxv7e@jpeg b/public/image/yxvjT3Q1W4xjQXO5knVPFXcCGJNHLCAaFgO8cJnnV18/rs:fill:3000:1000:1:0/plain/bafkreid4lykfei4rz262s6gn6popexr7bgtb2gskqpn3or3cxdvi3bxv7e@jpeg
new file mode 100644
index 0000000..b55846d
Binary files /dev/null and b/public/image/yxvjT3Q1W4xjQXO5knVPFXcCGJNHLCAaFgO8cJnnV18/rs:fill:3000:1000:1:0/plain/bafkreid4lykfei4rz262s6gn6popexr7bgtb2gskqpn3or3cxdvi3bxv7e@jpeg differ
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 0000000..5442178
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang=""><head><title><%= htmlWebpackPlugin.options.title %></title><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Vue App</title><link href="app.css" rel="preload" as="style"><link href="app.js" rel="preload" as="script"><link href="chunk-vendors.js" rel="preload" as="script"><link href="app.css" rel="stylesheet"></head><body><div id="app"></div><script src="chunk-vendors.js"></script><script src="app.js"></script></body></html>
diff --git a/public/json/syui.syui.ai.json b/public/json/syui.syui.ai.json
new file mode 100644
index 0000000..05660d2
--- /dev/null
+++ b/public/json/syui.syui.ai.json
@@ -0,0 +1,20 @@
+{
+  "did": "did:plc:schldsdljwxcdtslnbqaoifh",
+  "declaration": {
+    "actorType": "app.bsky.system.actorUser",
+    "cid": "bafyreid27zk7lbis4zw5fz4podbvbs4fc5ivwji3dmrwa6zggnj4bnd57u"
+  },
+  "handle": "syui.syui.ai",
+  "avatar": "https://at.syui.ai/image/1gNGwD6W74qb_Nuncr5H5i9UADEtdyds9myxRGnkGMw/rs:fill:1000:1000:1:0/plain/bafkreibxgpwttqvpsnn5yrvqkx47nwuzpzrkfyladqy2hbj3chedph3fni@jpeg",
+  "followsCount": 0,
+  "followersCount": 1,
+  "postsCount": 1,
+  "creator": "did:plc:schldsdljwxcdtslnbqaoifh",
+  "indexedAt": "2023-03-21T08:23:26.046Z",
+  "viewer": {
+    "muted": false
+  },
+  "myState": {
+    "muted": false
+  }
+}
diff --git a/src/App.vue b/src/App.vue
new file mode 100755
index 0000000..c31ab3e
--- /dev/null
+++ b/src/App.vue
@@ -0,0 +1,132 @@
+<template>
+	<div id="app">
+		<form @submit.prevent="submit">
+			<input v-model="id" placeholder="id" value="id">
+			<input type="submit">
+		</form> 
+
+		<div v-if="cards" class="bluesky-card">
+			<h3>{{ user.data.username }} card list</h3>
+			<span  v-for="ii in cards.data">
+				<img :src='"https://at.syui.ai/card/card_" + ii.card + ".png"'/>{{ ii.cp }}
+			</span>
+		</div>
+
+	<div v-if="record" class="bluesky-record">
+		<li v-for="i in record.data">
+			<p><span class="text">id : {{ i.id }}</span></p>
+			<p><span class="text">{{ i.username }}</span></p>
+		</li>
+	</div>
+
+	</div>
+</template>
+
+<script>
+import axios from 'axios'
+let default_id = "syui.syui.ai";
+export default {
+	name: "App",
+	metaInfo: {
+		title: "syui.ai",
+	},
+	data () {
+		return {
+			card: null,
+			cards: null,
+			id: null,
+			record: null,
+			url: null,
+			user: null,
+		}
+	},
+	mounted() {
+		axios.get("https://cors-card.herokuapp.com/https://api.syui.ai/users",{ crossdomain: true })
+			.then(response => (this.record = response))
+			.catch(error => console.log(error));
+	},
+	methods: {
+		submit() {
+			let url = "https://cors-card.herokuapp.com/https://api.syui.ai/users/" + this.id + "/card";
+			axios
+				.get(url,{ crossdomain: true })
+				.then(response => (this.cards = response));
+				axios
+					.get("https://cors-card.herokuapp.com/https://api.syui.ai/users/" + this.id,{ crossdomain: true })
+					.then(response => (this.user = response));
+		},
+		draw(id) {
+			let url = "https://cors-card.herokuapp.com/https://api.syui.ai/users/" + id + "/card";
+			axios
+				.get(url,{ crossdomain: true })
+				.then(response => (this.cards = response));
+		}
+	},
+}
+</script>
+
+<style>
+div#app {
+	list-style: none;
+	margin: 100px;
+}
+.bluesky-avatar img {
+	width: 55px;
+}
+span.time {
+	color: blue;
+}
+span.name {
+	font-weight: 700;
+	background-color: #a3c3ff1a;
+	padding:10px;
+}
+span.text {
+	font-weight: 400;
+	font-size: 19px;
+}
+.bluesky-record li {
+	border-bottom: solid 1px #ccc;
+}
+.bluesky-record p {
+	padding:0 20px 0;
+}
+.bluesky-record {
+	border: solid 1px #ccc;
+	border-radius: 10px;
+	margin: 50px 100px 0 0;
+}
+a {
+	color: #00A4E1;
+	font-weight: '700';
+}
+footer#footer {
+	text-align: center;
+}
+span.text {
+	word-break: break-all;
+}
+p.tl-avatar img {
+	width: 20px;
+}
+img {
+	width: 50px;
+	margin:10px;
+}
+
+code {
+	font-size: 15px;
+	/*color: #3f89ff;*/
+	padding: 5px 5px 5px 5px;
+	background-color: #d4deee2b;
+}
+li {
+	list-style-type: none; 
+}
+@media screen and (max-width:1000px) { 
+	div#app{list-style:none;margin:0px}.bluesky-avatar img{width:55px}span.time{color:#00f}span.name{background-color:rgba(163,195,255,.10196078431372549);padding:10px}.bluesky-record li{border-bottom:1px solid #ccc}.bluesky-record p{padding:0 20px 0}.bluesky-record{border:1px solid #ccc;border-radius:10px;margin:0px 0px 0 0}a{color:#3f89ff}footer#footer{text-align:center}
+	span.text {
+		word-break: break-all;
+	}
+}
+</style>
diff --git a/src/main.js b/src/main.js
new file mode 100755
index 0000000..fca74cf
--- /dev/null
+++ b/src/main.js
@@ -0,0 +1,8 @@
+import Vue from 'vue'
+import App from './App.vue'
+
+Vue.config.productionTip = false
+
+new Vue({
+  render: h => h(App)
+}).$mount('#app')
diff --git a/vue.config.js b/vue.config.js
new file mode 100644
index 0000000..c65b13b
--- /dev/null
+++ b/vue.config.js
@@ -0,0 +1,23 @@
+module.exports = {
+	chainWebpack: config => {
+		config
+			.plugin('html')
+			.tap(args => {
+				args[0].title = "syui.ai";
+				return args;
+			})
+	},
+	publicPath: "/",
+	configureWebpack: {
+		output: {
+			filename: '[name].js',
+			chunkFilename: '[name].js'
+		}
+	},
+	css: {
+		extract: {
+			filename: '[name].css',
+			chunkFilename: '[name].css'
+		},
+	},
+}