@foxone/talkee
Advanced tools
Here is description
Talkee is build with Vue3, Vuetify, @foxone/uikit, @foxone/mixin-passport, if you use these freamwork by coincidence, you can use Talkee easily.
// create app use vite
// yarn create vite my-vue-app --template vue
yarn add @foxone/talkee @foxone/uikit @foxone/icons @foxone/mixin-passport@1 vuetify
import { createApp } from "vue";
// import other dependcies
import { createVuetify } from "vuetify";
import UIKit from "@foxone/uikit";
import { usePresets } from "@foxone/uikit/presets";
import Passport from "@foxone/mixin-passport";
import Talkee from "@foxone";
import "@foxone/talkee/dist/style.css";
const vuetify = createVuetify(
usePresets({
// overwrite vuetify options
locale: {
messages: { ...Talkee.locales },
},
s,
})
);
// use dependcies
app.use(vuetify);
app.use(UIKit);
app.use(Passport);
app.use(Talkee);
// .vue
<template>
<Talkee v-bind='args' />
</template>
<script lang="ts" setup>
const args = {
apiBase: "",
slug: "",
siteId: "",
clientId: "",
}
</script>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- insert styles -->
<link
href="https://cdn.jsdelivr.net/npm/@foxone/talkee@2.0.0/dist/style.css"
rel="stylesheet"
/>
<title>Talkee UMD Demo</title>
</head>
<body>
<!-- insert scripts -->
<script src="https://cdn.jsdelivr.net/npm/vue@3.2.45/dist/vue.global.prod.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@foxone/talkee@2.0.0/dist/index.umd.js"></script>
<script>
/**
* options: {
* showLink?: boolean // show hash link or not
* apiBase?: string;
* slug?: string;
* siteId?: string;
* clientId?: string; // Mixin OAuth ClientID
* vuetifyOptions?: VuetifyOptions; // options to covert vuetify default options
* container?: string; // Selector that Talkee append to
* locale?: string; // en, ja, zhHans, zhHant
* passport?: PassportOptions;
* auth?: AuthMethodGlobalOptions;
* toast?: ToastGlobalOptions;
* }
*/
Talkee.show({
apiBase: "https://talkee-api.mixin.fan/api",
slug: "7000103488-course-2367",
siteId: "2",
clientId: "61504be8-a9da-477d-9e18-448ac3780919",
});
</script>
</body>
</html>
FAQs
Talkee components
We found that @foxone/talkee demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 4 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Axios compromise traced to social engineering, showing how attacks on maintainers can bypass controls and expose the broader software supply chain.
Security News
Node.js has paused its bug bounty program after funding ended, removing payouts for vulnerability reports but keeping its security process unchanged.
Security News
The Axios compromise shows how time-dependent dependency resolution makes exposure harder to detect and contain.