npm - create-widget - Versions diffs - 0.0.1 - Mend

create-widget 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

package/.editorconfig +13 -0
package/.idea/create-widget.iml +9 -0
package/.idea/inspectionProfiles/Project_Default.xml +6 -0
package/.idea/jpa-buddy.xml +6 -0
package/.idea/misc.xml +8 -0
package/.idea/modules.xml +8 -0
package/.idea/prettier.xml +6 -0
package/.idea/vcs.xml +6 -0
package/lib/index.js +166 -0
package/package.json +48 -0
package/src/index.ts +144 -0
package/src/utils/FileUtils.ts +33 -0
package/src/utils/deepMerge.ts +26 -0
package/src/utils/directoryTraverse.ts +35 -0
package/src/utils/getCommand.ts +13 -0
package/src/utils/renderTemplate.ts +88 -0
package/src/utils/sortDependencies.ts +22 -0
package/template/.vscode/extensions.json +3 -0
package/template/README.md +40 -0
package/template/env.d.ts +1 -0
package/template/index.html +13 -0
package/template/package.json +31 -0
package/template/public/favicon.ico +0 -0
package/template/public/preview_clock.png +0 -0
package/template/public/widget.json +50 -0
package/template/src/App.vue +9 -0
package/template/src/assets/main.css +3 -0
package/template/src/main.ts +12 -0
package/template/src/router/index.ts +11 -0
package/template/src/widgets/clock/Clock.widget.ts +32 -0
package/template/src/widgets/clock/ClockConfigView.vue +38 -0
package/template/src/widgets/clock/ClockWidgetRoutes.ts +28 -0
package/template/src/widgets/clock/ClockWidgetView.vue +34 -0
package/template/src/widgets/clock/model/ClockModel.ts +5 -0
package/template/src/widgets/widget-router.ts +8 -0
package/template/tsconfig.app.json +13 -0
package/template/tsconfig.json +11 -0
package/template/tsconfig.node.json +17 -0
package/template/vite.config.ts +14 -0
package/template/widget.package.ts +20 -0
package/test/index.test.ts +24 -0
package/tsconfig.json +12 -0
package/tsup.config.ts +6 -0
package/widget-test/.vscode/extensions.json +3 -0
package/widget-test/README.md +40 -0
package/widget-test/env.d.ts +1 -0
package/widget-test/index.html +13 -0
package/widget-test/package.json +30 -0
package/widget-test/public/favicon.ico +0 -0
package/widget-test/public/preview_clock.png +0 -0
package/widget-test/public/widget.json +50 -0
package/widget-test/src/App.vue +9 -0
package/widget-test/src/assets/main.css +3 -0
package/widget-test/src/main.ts +12 -0
package/widget-test/src/router/index.ts +11 -0
package/widget-test/src/widgets/clock/Clock.widget.ts +32 -0
package/widget-test/src/widgets/clock/ClockConfigView.vue +38 -0
package/widget-test/src/widgets/clock/ClockWidgetRoutes.ts +28 -0
package/widget-test/src/widgets/clock/ClockWidgetView.vue +34 -0
package/widget-test/src/widgets/clock/model/ClockModel.ts +5 -0
package/widget-test/src/widgets/widget-router.ts +8 -0
package/widget-test/tsconfig.app.json +13 -0
package/widget-test/tsconfig.json +11 -0
package/widget-test/tsconfig.node.json +17 -0
package/widget-test/vite.config.ts +14 -0
package/widget-test/widget.package.ts +20 -0
package/widget-test/yarn.lock +1399 -0

package/template/README.md ADDED Viewed

@@ -0,0 +1,40 @@
+# hello widget
+This template should help get you started developing with Vue 3 in Vite.
+## Recommended IDE Setup
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+## Type Support for `.vue` Imports in TS
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+1. Disable the built-in TypeScript Extension
+    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
+## Customize configuration
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+## Project Setup
+```sh
+npm install
+```
+### Compile and Hot-Reload for Development
+```sh
+npm run dev
+```
+### Type-Check, Compile and Minify for Production
+```sh
+npm run build
+```

package/template/env.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="vite/client" />

package/template/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/template/package.json ADDED Viewed

@@ -0,0 +1,31 @@
+{
+  "name": "hello-widget",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force"
+  },
+  "dependencies": {
+    "@widget-js/vite-plugin-widget": "^1.2.8",
+    "vue": "^3.3.11",
+    "vue-router": "^4.2.5",
+    "@widget-js/core": "0.11.20",
+    "@widget-js/vue3": "0.11.21-rc.2"
+  },
+  "devDependencies": {
+    "@tsconfig/node18": "^18.2.2",
+    "@types/node": "^18.19.3",
+    "@vitejs/plugin-vue": "^4.5.2",
+    "@vue/tsconfig": "^0.5.0",
+    "npm-run-all2": "^6.1.1",
+    "typescript": "~5.3.0",
+    "vite": "^5.0.10",
+    "vue-tsc": "^1.8.25",
+    "@widget-js/vite-plugin-widget": "^1.2.8"
+  }
+}

package/template/public/favicon.ico ADDED Viewed

Binary file

package/template/public/preview_clock.png ADDED Viewed

Binary file

package/template/public/widget.json ADDED Viewed

@@ -0,0 +1,50 @@
+{
+  "name": "cn.test.widget",
+  "version": "1.0.0",
+  "author": "修改成你的信息",
+  "homepage": "",
+  "title": {
+    "zh-CN": "修改成你的组件标题"
+  },
+  "description": {
+    "zh-CN": "修改成你的组件描述"
+  },
+  "entry": "/",
+  "hash": true,
+  "url": "",
+  "widgets": [
+    {
+      "name": "cn.test.widget.clock",
+      "title": {
+        "zh-CN": "时钟"
+      },
+      "description": {
+        "zh-CN": ""
+      },
+      "keywords": [
+        "recommend"
+      ],
+      "security": false,
+      "permissions": [],
+      "lang": "zh-CN",
+      "width": 2,
+      "height": 2,
+      "maxWidth": 6,
+      "webviewTag": false,
+      "maxHeight": 6,
+      "minWidth": 2,
+      "minHeight": 2,
+      "movable": true,
+      "singleton": false,
+      "resizable": true,
+      "path": "/widget/clock",
+      "meta": {},
+      "backgroundThrottling": true,
+      "previewImage": "修改为组件预览图地址",
+      "supportDeployMode": 17,
+      "configPagePath": "/widget/config/clock",
+      "routes": []
+    }
+  ],
+  "pages": []
+}

package/template/src/App.vue ADDED Viewed

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import {RouterView } from 'vue-router'
+</script>
+<template>
+  <RouterView />
+</template>
+<style scoped></style>

package/template/src/assets/main.css ADDED Viewed

@@ -0,0 +1,3 @@
+body{
+    margin: 0;
+}

package/template/src/main.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { WidgetJsPlugin } from '@widget-js/vue3'
+import '@widget-js/vue3/dist/style.css'
+import '@/assets/main.css'
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from './router'
+const app = createApp(App)
+app.use(router)
+app.use(WidgetJsPlugin)
+app.mount('#app')

package/template/src/router/index.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import WidgetRouter from '../widgets/widget-router';
+import {createRouter, createWebHashHistory} from 'vue-router';
+const router = createRouter({
+  history: createWebHashHistory(import.meta.env.BASE_URL),
+  routes: [
+    ...WidgetRouter,
+  ],
+});
+export default router;

package/template/src/widgets/clock/Clock.widget.ts ADDED Viewed

@@ -0,0 +1,32 @@
+import { Widget, WidgetKeyword } from '@widget-js/core';
+//TODO 修改组件信息，标题，描述，关键词
+const name = 'cn.test.widget.clock';
+//组件标题
+const title = { 'zh-CN': '时钟' };
+//组件描述
+const description = { 'zh-CN': 'Hello world!' };
+//组件关键词
+const keywords = [WidgetKeyword.RECOMMEND];
+//组件路由地址
+const path = '/widget/clock';
+//配置页路由地址
+const configPagePath = '/widget/config/clock';
+//组件关键词
+const ClockWidget = new Widget({
+  name: name,
+  title: title,
+  description: description,
+  keywords: keywords,
+  lang: 'zh-CN',
+  width: 2,
+  height: 2,
+  minWidth: 2,
+  maxWidth: 6,
+  minHeight: 2,
+  maxHeight: 6,
+  previewImage: '/preview_clock.png',
+  path,
+  configPagePath,
+});
+export default ClockWidget;

package/template/src/widgets/clock/ClockConfigView.vue ADDED Viewed

@@ -0,0 +1,38 @@
+<template>
+  <widget-edit-dialog
+      :widget-params="widgetParams"
+      :option="widgetConfigOption"
+      v-model="widgetData"
+      @apply="save()"
+      @confirm="save({ closeWindow: true })"
+  >
+    <template #custom>
+      标题 <input v-model="widgetData.title"/>
+    </template>
+  </widget-edit-dialog>
+</template>
+<script lang="ts" setup>
+import {
+  useWidget,
+  WidgetConfigOption,
+  WidgetEditDialog,
+} from '@widget-js/vue3';
+import {BrowserWindowApi} from '@widget-js/core';
+import {ClockModel} from "@/widgets/clock/model/ClockModel";
+const {widgetData, widgetParams, save} = useWidget(ClockModel);
+BrowserWindowApi.setup({width: 600, height: 400});
+//修改成需要设置组件参数配置
+const widgetConfigOption = new WidgetConfigOption({
+  title:'时钟设置',
+  theme: {
+    backgroundColor: true,
+    borderRadius: true,
+  }
+});
+</script>
+<style scoped>
+</style>

package/template/src/widgets/clock/ClockWidgetRoutes.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import type { RouteRecordRaw } from 'vue-router';
+import ClockWidget from './Clock.widget';
+const path = ClockWidget.path;
+const name = ClockWidget.name;
+const configPagePath = ClockWidget.configPagePath!;
+const ClockWidgetRoutes: RouteRecordRaw[] = [
+  {
+    path: path,
+    name: `${name}`,
+    component: () =>
+      import(
+        /* webpackChunkName: "cn.test.widget.clock" */ './ClockWidgetView.vue'
+      ),
+  },
+  {
+    path: configPagePath,
+    name: `${name}.config`,
+    component: () =>
+      import(
+        /* webpackChunkName: "cn.test.widget.clock.config" */ './ClockConfigView.vue'
+      ),
+  },
+];
+export default ClockWidgetRoutes;

package/template/src/widgets/clock/ClockWidgetView.vue ADDED Viewed

@@ -0,0 +1,34 @@
+<template>
+  <widget-wrapper>
+    <div class="clock">
+      <span>{{ widgetData.title }}</span>
+      <span>{{ time }}</span>
+    </div>
+  </widget-wrapper>
+</template>
+<script lang="ts" setup>
+import {useWidget} from '@widget-js/vue3';
+import {ref} from "vue";
+import {ClockModel} from "@/widgets/clock/model/ClockModel";
+const {widgetData} = useWidget(ClockModel);
+const time = ref(new Date().toLocaleTimeString())
+setInterval(() => {
+  time.value = new Date().toLocaleTimeString()
+}, 1000)
+</script>
+<style scoped>
+.clock {
+  font-size: 16px;
+  font-weight: bold;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: var(--widget-background-color);
+  border-radius: var(--widget-border-radius);
+  color: var(--widget-color);
+  justify-content: center;
+}
+</style>

package/template/src/widgets/clock/model/ClockModel.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import {WidgetData} from "@widget-js/core";
+export class ClockModel extends WidgetData {
+    title: string = 'Hello world!';
+}

package/template/src/widgets/widget-router.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import type { RouteRecordRaw } from 'vue-router'
+import ClockWidgetRoutes from "./clock/ClockWidgetRoutes";
+//FBI WANING! IMPORT PLACE, DONT DELETE THIS LINE
+const WidgetRouter: RouteRecordRaw[] = [
+    ...ClockWidgetRoutes,
+    //FBI WANING! ROUTE PLACE, DONT DELETE THIS LINE
+];
+export default WidgetRouter

package/template/tsconfig.app.json ADDED Viewed

@@ -0,0 +1,13 @@
+{
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
+  "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
+  "exclude": ["src/**/__tests__/*"],
+  "compilerOptions": {
+    "composite": true,
+    "noEmit": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  }
+}

package/template/tsconfig.json ADDED Viewed

@@ -0,0 +1,11 @@
+{
+  "files": [],
+  "references": [
+    {
+      "path": "./tsconfig.node.json"
+    },
+    {
+      "path": "./tsconfig.app.json"
+    }
+  ]
+}

package/template/tsconfig.node.json ADDED Viewed

@@ -0,0 +1,17 @@
+{
+  "extends": "@tsconfig/node18/tsconfig.json",
+  "include": [
+    "vite.config.*",
+    "vitest.config.*",
+    "cypress.config.*",
+    "nightwatch.conf.*",
+    "playwright.config.*"
+  ],
+  "compilerOptions": {
+    "composite": true,
+    "noEmit": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "types": ["node"]
+  }
+}

package/template/vite.config.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import widget from '@widget-js/vite-plugin-widget';
+import { fileURLToPath, URL } from 'node:url';
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), widget()],
+  resolve: {
+    alias: {
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
+    },
+  },
+});

package/template/widget.package.ts ADDED Viewed

@@ -0,0 +1,20 @@
+import { WidgetPackage } from '@widget-js/core';
+//TODO 完善组件包信息
+export default new WidgetPackage({
+  author: '修改成你的信息',
+  description: {
+    'zh-CN': '修改成你的组件描述',
+  },
+  entry: '/',
+  hash: true,
+  homepage: '',
+  name: 'cn.example.widget',
+  title: {
+    'zh-CN': '修改成你的组件标题',
+  },
+  version: '1.0.0',
+  devOptions: {
+    folder: './src/widgets/',
+  },
+});

package/test/index.test.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import {expect, test} from "vitest";
+import {minimatch} from "minimatch";
+import path from "path";
+import gradient  from "gradient-string"
+test('minimatch',()=>{
+  let fileName = path.basename('C:\\Users\\rtuge\\Desktop\\github\\widgetjs\\packages\\@widget-js\\cli\\template\\Widget.ejs');
+  expect(minimatch(fileName,'*.ejs')).toBeTruthy()
+  expect(minimatch(fileName,'*.ts')).toBeFalsy()
+})
+test('gradient brand',()=>{
+  console.log(gradient([
+    { color: '#42d392', pos: 0 },
+    { color: '#42d392', pos: 0.1 },
+    { color: '#647eff', pos: 1 }
+  ])('Widget.js - The Desktop Widget Framework'))
+  console.log(gradient([
+    {color: '#42d392', pos: 0},
+    {color: '#42d392', pos: 0.1},
+    {color: '#647eff', pos: 1}
+  ])('Widget.js - The Desktop Widget Framework'));
+})

package/tsconfig.json ADDED Viewed

@@ -0,0 +1,12 @@
+{
+  "extends": "@tsconfig/node18/tsconfig.json",
+  "include": [
+    "index.ts",
+    "utils/**/*"
+  ],
+  "compilerOptions": {
+    "strict": false,
+    "resolveJsonModule": true,
+    "moduleResolution": "Node16"
+  }
+}

package/tsup.config.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { defineConfig } from 'tsup';
+export default defineConfig({
+    outDir: 'lib',
+    format: 'js'
+});

package/widget-test/.vscode/extensions.json ADDED Viewed

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["Vue.volar", "Vue.vscode-typescript-vue-plugin"]
+}

package/widget-test/README.md ADDED Viewed

@@ -0,0 +1,40 @@
+# hello widget
+This template should help get you started developing with Vue 3 in Vite.
+## Recommended IDE Setup
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+## Type Support for `.vue` Imports in TS
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+1. Disable the built-in TypeScript Extension
+    1) Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+    2) Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
+## Customize configuration
+See [Vite Configuration Reference](https://vitejs.dev/config/).
+## Project Setup
+```sh
+npm install
+```
+### Compile and Hot-Reload for Development
+```sh
+npm run dev
+```
+### Type-Check, Compile and Minify for Production
+```sh
+npm run build
+```

package/widget-test/env.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="vite/client" />

package/widget-test/index.html ADDED Viewed

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/favicon.ico">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

package/widget-test/package.json ADDED Viewed

@@ -0,0 +1,30 @@
+{
+  "name": "hello-widget",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "run-p type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force"
+  },
+  "dependencies": {
+    "vue": "^3.3.11",
+    "vue-router": "^4.2.5",
+    "@widget-js/core": "0.11.20",
+    "@widget-js/vue3": "0.11.21-rc.2"
+  },
+  "devDependencies": {
+    "@tsconfig/node18": "^18.2.2",
+    "@types/node": "^18.19.3",
+    "@vitejs/plugin-vue": "^4.5.2",
+    "@vue/tsconfig": "^0.5.0",
+    "npm-run-all2": "^6.1.1",
+    "typescript": "~5.3.0",
+    "vite": "^5.0.10",
+    "vue-tsc": "^1.8.25",
+    "@widget-js/vite-plugin-widget": "^1.2.8"
+  }
+}

package/widget-test/public/favicon.ico ADDED Viewed

Binary file

package/widget-test/public/preview_clock.png ADDED Viewed

Binary file

package/widget-test/public/widget.json ADDED Viewed

@@ -0,0 +1,50 @@
+{
+  "name": "cn.example.widget",
+  "version": "1.0.0",
+  "author": "修改成你的信息",
+  "homepage": "",
+  "title": {
+    "zh-CN": "修改成你的组件标题"
+  },
+  "description": {
+    "zh-CN": "修改成你的组件描述"
+  },
+  "entry": "/",
+  "hash": true,
+  "url": "",
+  "widgets": [
+    {
+      "name": "cn.test.widget.clock",
+      "title": {
+        "zh-CN": "时钟"
+      },
+      "description": {
+        "zh-CN": "Hello world!"
+      },
+      "keywords": [
+        "recommend"
+      ],
+      "security": false,
+      "permissions": [],
+      "lang": "zh-CN",
+      "width": 2,
+      "height": 2,
+      "maxWidth": 6,
+      "webviewTag": false,
+      "maxHeight": 6,
+      "minWidth": 2,
+      "minHeight": 2,
+      "movable": true,
+      "singleton": false,
+      "resizable": true,
+      "path": "/widget/clock",
+      "meta": {},
+      "backgroundThrottling": true,
+      "previewImage": "/preview_clock.png",
+      "supportDeployMode": 17,
+      "configPagePath": "/widget/config/clock",
+      "routes": []
+    }
+  ],
+  "pages": []
+}

package/widget-test/src/App.vue ADDED Viewed

@@ -0,0 +1,9 @@
+<script setup lang="ts">
+import {RouterView } from 'vue-router'
+</script>
+<template>
+  <RouterView />
+</template>
+<style scoped></style>

package/widget-test/src/assets/main.css ADDED Viewed

@@ -0,0 +1,3 @@
+body{
+    margin: 0;
+}

package/widget-test/src/main.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { WidgetJsPlugin } from '@widget-js/vue3'
+import '@widget-js/vue3/dist/style.css'
+import '@/assets/main.css'
+import { createApp } from 'vue'
+import App from './App.vue'
+import router from './router'
+const app = createApp(App)
+app.use(router)
+app.use(WidgetJsPlugin)
+app.mount('#app')

package/widget-test/src/router/index.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import WidgetRouter from '../widgets/widget-router';
+import {createRouter, createWebHashHistory} from 'vue-router';
+const router = createRouter({
+  history: createWebHashHistory(import.meta.env.BASE_URL),
+  routes: [
+    ...WidgetRouter,
+  ],
+});
+export default router;