75 lines
1.9 KiB
Vue
75 lines
1.9 KiB
Vue
<template>
|
|
<div class="columns">
|
|
<div class="content column-grow-5">
|
|
<div class="mod-header">
|
|
<img
|
|
:src="
|
|
mod.icon_url
|
|
? mod.icon_url
|
|
: 'https://cdn.modrinth.com/placeholder.png'
|
|
"
|
|
alt="mod-icon"
|
|
/>
|
|
</div>
|
|
<div class="markdown-body" v-html="modBody"></div>
|
|
</div>
|
|
<section class="mod-info">
|
|
<h3>Mod Name</h3>
|
|
</section>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import axios from 'axios'
|
|
|
|
import xss from 'xss'
|
|
import marked from 'marked'
|
|
|
|
export default {
|
|
auth: false,
|
|
/*
|
|
{ 13:42:51
|
|
id: 'kN7Mtmyo',
|
|
team: 'eiP0Hzmw',
|
|
title: 'Gravestones',
|
|
description: 'A gravestones mod for fabric with tons ' +
|
|
'of config options, an API, and more!',
|
|
body_url: 'https://cdn.modrinth.com/file/modrinth/data/kN7Mtmyo/body.md',
|
|
published: '2020-10-16T21:17:54.858156Z',
|
|
updated: '2020-10-16T21:17:50.982804Z',
|
|
status: 'processing',
|
|
downloads: 0,
|
|
categories: [
|
|
'adventure',
|
|
'utility',
|
|
'library'
|
|
],
|
|
versions: [
|
|
'XUky61nw'
|
|
],
|
|
icon_url: 'https://cdn.modrinth.com/file/modrinth/mods/icons/kN7Mtmyo/gravestones.png',
|
|
issues_url: null,
|
|
source_url: null,
|
|
wiki_url: null
|
|
}
|
|
|
|
*/
|
|
async asyncData(data) {
|
|
let res = await axios.get(
|
|
`https://api.modrinth.com/api/v1/mod/${data.params.id}`
|
|
)
|
|
const mod = res.data
|
|
|
|
res = await axios.get(mod.body_url)
|
|
const body = xss(marked(res.data))
|
|
|
|
return {
|
|
mod,
|
|
modBody: body,
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss"></style>
|