fix err

src/App.vue

@@ -112,6 +112,7 @@
 				</div>
 
 				<div class="glb" v-if="glb_status == true">
+					<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
 					<model-viewer v-if="glb_next !== 0" class="ar" :src="'/obj/card_' + glb_next + '.glb'" ar-modes="scene-viewer webxr quick-look" auto-rotate autoplay ar camera-controls></model-viewer>
 					<model-viewer v-else class="ar" :src="'/obj/card_' + cards.data.filter((v) => v.skill == '3d' && (v.card >= 1 && v.card <= 14 || v.card == 64))[0].card + '.glb'" ar-modes="scene-viewer webxr quick-look" auto-rotate autoplay ar camera-controls></model-viewer>
 					<span v-for="(ii, index) in cards.data.filter((v) => v.skill == '3d' && (v.card >= 1 && v.card <= 14 || v.card == 64))" class="glb">
@@ -559,9 +560,8 @@
 			<p>集めた人は<a href="https://bsky.app/profile/syui.ai">@syui</a>まで連絡してみて</p>
 			<p>ただし、リアルカードに変わるのは、こちらの<a href="/owner">所有者</a>がいないカードに限られます</p>
 
-
 			<h3>link</h3>
-			<p><a class="menu-link" href="/fa">fanart</a> <a class="menu-link" href="/ph">photo</a> <a class="menu-link" href="/te">aiten</a> <a class="menu-link" href="/pr">fav</a> <a class="menu-link" href="/vr">model</a></p>
+			<p><a class="menu-link" href="/fa">fanart</a> <a class="menu-link" href="/te">aiten</a> <a class="menu-link" href="/vr">model</a></p>
 		</div>
 
 		<div v-if="loc === 'en'"  class="text-content">
@@ -851,6 +851,7 @@
 <script>
 import axios from 'axios'
 import moment from "moment";
+
 var loc = window.location.pathname.split('/').slice(-1)[0];
 
 export default {
@@ -877,65 +878,69 @@ export default {
 	data () {
 		return {
 			host: window.location.host,
-			all: null,
+			all: "",
-			badge_aiten: null,
+			badge_aiten: "",
-			card: null,
+			card: "",
-			cards: null,
+			cards: "",
 			loc: window.location.pathname.split('/').slice(-1)[0],
-			username: null,
+			username: "",
-			id: null,
+			id: "",
-			model: null,
+			model: "",
-			record: null,
+			record: "",
-			url: null,
+			url: "",
-			user: null,
+			user: "",
-			userid: null,
+			userid: "",
-			ucard: null,
+			ucard: "",
-			status: null,
+			status: "",
 			premium: false,
-			premium_text: null,
+			premium_text: "",
-			rcards: null,
+			rcards: "",
-			fanarts: null,
+			fanarts: "",
-			photos: null,
+			photos: "",
 			info: false,
-			time: null,
+			time: "",
-			aiten: null,
+			aiten: "",
-			fav: null,
+			fav: "",
-			card_fav: null,
+			card_fav: "",
-			user_fav: null,
+			user_fav: "",
-			book_user: null,
+			book_user: "",
 			glb_status: false,
 			glb_next: 0,
 			moji_status: false,
-			did_enable: null,
+			did_enable: "",
-			chara_user: null,
+			chara_user: "",
 			card_sed: false,
-			card_status: null,
+			card_status: "",
-			card_skill: null,
+			card_skill: "",
-			model_attack: null,
+			model_attack: "",
-			model_critical: null,
+			model_critical: "",
-			model_critical_d: null,
+			model_critical_d: "",
-			sevens: null,
+			sevens: "",
-			game: null,
+			game: "",
-			game_lv: null,
+			game_lv: "",
-			api_url: null,
+			api_url: "",
 			bsky_mode: false,
-			did: null,
+			did: "",
 			card_origin_status: false,
 			useragent: window.navigator.userAgent.toLowerCase(),
 			iframe_status: false,
 			term_status: false,
-			sort_key: null,
+			sort_key: "",
+			mount_google_md: false,
 		}
 	},
-	components: {
-	},
 	filters: {
 		moment: function(date) {
 			return moment.unix(date).format("YYYY.MM.DD");
 		},
 	},
+	computed: {
+		loadComponent() {
+			return () => import('@google/model-viewer');
+		}
+	},
 	mounted() {
-		this.loadComponent();
+		this.mount_google_md = false;
 		if (window.location.host === "localhost:8080") {
 			this.api_url = "/api/";
 		} else if (window.location.host === "192.168.11.12:8080"){
@@ -947,28 +952,27 @@ export default {
 			this.api_url = "https://api.syui.ai/";
 		}
 		if (loc === 'owner' || loc === 'te' || loc === 'c'){
+			this.rcards = "";
 			axios
 				.get("/json/card.json")
 				.then(response => (this.rcards = response));
-				if (loc.length > 1){
-					axios
-						.get(url,{ crossdomain: true })
-						.then(response => (this.cards = response));
-				}
-		} else if (loc === 'fa'){
-			axios
-				.get("/json/fanart.json")
-				.then(response => (this.fanarts = response));
 		} else if (loc === 'svn'){
+			this.cards = "";
 			let url = this.api_url + "sevs?itemsPerPage=4000";
 			axios
 				.get(url)
 				.then(response => (this.sevens = response));
-		} else if (loc === 'ph'){
+		} else if (loc === null || loc === undefined || loc === ''){
-			axios
+			let url = this.api_url + "users?itemsPerPage=3000";
-				.get("/json/photo.json")
+			axios.get(url,{ crossdomain: true })
-				.then(response => (this.photos = response));
+				.then(response => { 
+					this.record = response;
+				})
 		} else {
+			if (this.mount_google_md === false) {
+				//this.loadComponent();
+				this.mount_google_md = true;
+			}
 			let url = this.api_url + "users?itemsPerPage=3000";
 			axios.get(url,{ crossdomain: true })
 				.then(response => { 
@@ -988,38 +992,32 @@ export default {
 					this.user_room = this.record.data.find((v) => v.username == loc).room;
 					let url = this.api_url + "users/" + this.id + "/card?itemsPerPage=4000";
 					axios
-					.get("/json/card.json")
+						.get("/json/card.json")
-					.then(response => (this.rcards = response));
+						.then(response => (this.rcards = response));
-					if (loc.length > 1){
+						if (loc.length > 1){
-						axios
+							axios
-							.get(url,{ crossdomain: true })
+								.get(url,{ crossdomain: true })
-							.then(response => { this.cards = response
+								.then(response => { this.cards = response
-													for (let i = 1; i <= 14; i++) {
+														for (let i = 1; i <= 14; i++) {
-														this.all = this.cards.data.some(
+															this.all = this.cards.data.some(
-															b => b.card === i,
+																b => b.card === i,
-															);
+																);
-															if (this.all === false) {
+																if (this.all === false) {
-																break;
+																	break;
-															}
+																}
-													}
+														}
-													for (let i = 65; i <= 67; i++) {
+														for (let i = 65; i <= 67; i++) {
-														this.badge_aiten = this.cards.data.some(
+															this.badge_aiten = this.cards.data.some(
-															b => b.card === i,
+																b => b.card === i,
-															);
+																);
-															if (this.badge_aiten === false) {
+																if (this.badge_aiten === false) {
-																break;
+																	break;
-															}
+																}
-													}
+														}
-							});
+								});
-					}
+						}
-			})
+				})
-			.catch(error => console.log(error));
 		}},
-		computed: {
-			loadComponent() {
-				return () => import('@google/model-viewer');
-			}
-		},
 		methods: {
 			submit() {
 				let url = this.api_url + "users/" + this.id + "/card?itemsPerPage=3000";
@@ -1066,7 +1064,7 @@ export default {
 				});
 			},
 			cardinfo(){
-				this.cards = {};
+				this.cards = "";
 				let url = this.api_url + "users/" + this.id + "/card?itemsPerPage=4000";
 				axios
 					.get(url,{ crossdomain: true })
@@ -1125,6 +1123,9 @@ body{
 	background-color: #f1f1f1;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
 	font-size: 18px;
+ overflow-wrap: anywhere;
+	word-break: normal;
+	line-break: strict;
 }
 
 a {
@@ -1173,9 +1174,7 @@ span.text {
 footer#footer {
 	text-align: center;
 }
-span.text {
+
-	word-break: break-all;
-}
 p.tl-avatar img {
 	width: 20px;
 }
@@ -1664,9 +1663,6 @@ button.unity i#vrm_button:hover {
 	.bluesky-record p{padding:0 20px 0}
 	.bluesky-record{border-radius:10px;margin:0px 0px 0 0}
 	footer#footer{text-align:center}
-	span.text {
-		word-break: break-all;
-	}
 	code {
 		padding: 10px;
 		background-color: #fff;
@@ -1758,7 +1754,6 @@ span.glb {
 
 .menu-right code {
 	padding: 0;
-	word-break: break-all;
 }
 
 blockquote.did {