vue-cli3.0 typescript モジュールの使い方

https://alligator.io/vuejs/using-new-vue-cli-3/

↑vue-cli3.0 で環境を構築しました

https://www.npmjs.com/package/vue-mce

↑こちらのモジュールを使ってみたいです

//main.ts

import Vue from 'vue';
import App from './App.vue';
import router from './router';
import store from './store';

import VueMce from 'vue-mce'; //←ここと

Vue.use(VueMce) //←ここ

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount('#app');

このように宣言すれば

<vue-mce/>

タグが使えるのかなと思ったのですが

vue-mce.common.js?9a3b:1 Error: TinyMce was not found

と言われ使えませんでした

ここで必要とされているtinymce

https://github.com/tinymce/tinymce-vue

を入れてみたのですが、同じエラーが出てしまいます

そもそもモジュールの使い方が間違っているのでしょうか

//router.ts

import Vue from 'vue';
import Router from 'vue-router';

import Top from './views/Top.vue'
import openNewFiles from './views/openNewFiles.vue'
import createNew from './views/createNew.vue'

Vue.use(Router);

export default new Router({
  routes: [
    {
      path: '/',
      name: 'top',
      component: Top,
    },
    {
      path: '/openNewFiles',
      name: 'openNewFiles',
      component: openNewFiles,
    },
    {
      path: '/createNew',
      name: 'createNew',
      component: createNew,
    }
  ],
});

これはrouter.tsなのですが
ルーターインスタンスをexportするという宣言でしょうか

そして、vueを初期化する際の引数に入れることで、routerモジュールを適用しているのでしょうか

new Vue({
router,
store,
render: (h) => h(App),
}).$mount('#app');

では逆に、router.tsの

Vue.use(Router);

という宣言はどのような役割を担うのでしょうか

//vueMce.ts

import Vue from 'vue';
import VueMce from 'vue-mce';

Vue.use(VueMce);

//export default new VueMce(){}

export default VueMce

router.tsを真似して作ってみました
vueMceは定数みたいで、newできないと言われてしまったので

export default VueMce

としてみました

main.tsの方でimportして、引数に加えてみたのですが、

'vueMce' does not exist in type 'ComponentOption

と言われてしまい、できませんでした

どなたか教えてくださいませんでしょうか...

--------------------追記--------------------

yhg様、毎回本当にありがとうございます

回答を参考に今朝から色々試していたのですが、うまくできませんでした...

まず

npm install --save tinymce

でtinymceをnode_modulesに加えました

次に

import 'tinymce';
import Vue from 'vue';
import VueMce from 'vue-mce';

Vue.use(VueMce);

こちらを main.tsに書き足しました
これでできるのかなと思ったのですが、

theme.js:1 Uncaught SyntaxError: Unexpected token <

というエラーが出てしまいました

elementを見ると
vue-mceコンポーネントのところは

<div class="tinymce">
  <div class="tinymce__init-area" id="mce_0" style="visibility: hidden;"> 
  </div> 
  <input name="" hidden="hidden">
</div>

このようになってました

//main.ts

import tinymce from 'tinymce'

import paste from 'tinymce/plugins/paste';
import link from 'tinymce/plugins/link';

tinymce.init({
    plugins: [paste, link]
})

このような書き方も試してみたのですが、動かなかったです...

最終的には

import 'tinymce';
import Vue from 'vue';
import VueMce from 'vue-mce';

Vue.use(VueMce);

と

<script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>

こちらをindex.htmlのヘッダーに書くというので正しく動くのですが、

なるべくimportで解決したいです...(T_T)
あまり、scriptタグではやりたくないです
どのようにすればいいでしょうか...