Added MirageJS example configuration

This commit is contained in:
Jef Roosens 2021-12-28 17:49:11 +01:00
parent e57909b318
commit 93a8313efd
Signed by: Jef Roosens
GPG key ID: 955C0660072F691F
6 changed files with 321 additions and 0 deletions

View file

@ -4,6 +4,8 @@ import { ref } from 'vue'
defineProps<{ msg: string }>()
const count = ref(0)
fetch("/api/users").then(res => res.json()).then(res => console.log(res))
</script>
<template>

View file

@ -1,4 +1,10 @@
import { createApp } from 'vue'
import App from './App.vue'
// @ts-ignore
import { makeServer } from "./server"
if (import.meta.env.DEV) {
makeServer()
}
createApp(App).mount('#app')

27
src/server.js Normal file
View file

@ -0,0 +1,27 @@
// src/server.js
import { createServer, Model } from "miragejs"
export function makeServer({ environment = "development" } = {}) {
let server = createServer({
environment,
models: {
user: Model,
},
seeds(server) {
server.create("user", { name: "Bob" })
server.create("user", { name: "Alice" })
},
routes() {
this.namespace = "api"
this.get("/users", (schema) => {
return schema.users.all()
})
},
})
return server
}