// ==UserScript==
// @name         Vue 最小示例
// @namespace    http://tampermonkey.net/
// @license      MIT
// @version      0.0.1
// @description  在油猴中使用 Vue 3 模板语法的最小示例
// @author       vivi
// @match        *://*/*
// @require      https://unpkg.com/vue@3/dist/vue.global.js
// @grant        unsafeWindow
// @downloadURL https://update.greasyfork.icu/scripts/568995/Vue%20%E6%9C%80%E5%B0%8F%E7%A4%BA%E4%BE%8B.user.js
// @updateURL https://update.greasyfork.icu/scripts/568995/Vue%20%E6%9C%80%E5%B0%8F%E7%A4%BA%E4%BE%8B.meta.js
// ==/UserScript==

(function () {
  'use strict';

  unsafeWindow.Vue = Vue

  const { createApp, ref } = Vue;

  const mountDiv = document.createElement('div');
  mountDiv.id = 'vue-mount-point';
  document.body.appendChild(mountDiv); // 将其添加到 body 中

  const app = createApp({
    setup() {
      const message = ref('Hello Vue!');
      return {
        message
      };
    },
    template: `<div>{{ message }}</div>`
  });

  app.mount('#vue-mount-point');

})();