Added aliases, fixed typescript and vite config

This commit is contained in:
2023-06-14 11:05:50 +02:00
parent d94e4c3043
commit 2acc0c7252
12 changed files with 25 additions and 17 deletions

View File

@@ -1,7 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { onMounted, ref } from 'vue'; import { onMounted, ref } from 'vue';
import { RouterView } from 'vue-router'; import { RouterView } from 'vue-router';
import XmlTool from './components/XmlTool.vue';
const activeToolBox = ref(''); const activeToolBox = ref('');

View File

@@ -1,5 +1,4 @@
<script setup lang="ts"> <script setup lang="ts">
import { onMounted, ref, watch } from 'vue';
</script> </script>

View File

@@ -1,6 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
</script> </script>
<template> <template>

View File

@@ -1,5 +1,4 @@
<script setup lang="ts"> <script setup lang="ts">
import { onMounted, ref, watch } from 'vue';
</script> </script>

View File

@@ -1,9 +1,9 @@
import { createRouter, createWebHistory } from 'vue-router' import { createRouter, createWebHistory } from 'vue-router'
const landingPage = import("@/views/LandingView.vue") const landingPage = import("@views/LandingView.vue")
const xmlTool = import("@/views/XmlToolView.vue") const xmlTool = import("@views/XmlToolView.vue")
const restMock = import("@/views/RestMockView.vue") const restMock = import("@views/RestMockView.vue")
const formatter = import("@/views/FormatterView.vue") const formatter = import("@views/FormatterView.vue")
const routes = [ const routes = [
{ {

1
new-frontend/src/shims-vue.d.ts vendored Normal file
View File

@@ -0,0 +1 @@
declare module '*.vue';

View File

@@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import FormatterComponent from '@/components/FormatterComponent.vue' import FormatterComponent from '@components/FormatterComponent.vue'
export default { export default {
name:"FormatterView", name:"FormatterView",

View File

@@ -1,5 +1,6 @@
<script lang="ts"> <script lang="ts">
import LandingComponent from '@/components/LandingComponent.vue' import LandingComponent from '@components/LandingComponent.vue'
export default { export default {
name:"LandingView", name:"LandingView",

View File

@@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import RestMockComponent from '@/components/RestMockComponent.vue' import RestMockComponent from '@components/RestMockComponent.vue'
export default { export default {
name:"RestMockView", name:"RestMockView",

View File

@@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import XmlToolComponent from '@/components/XmlToolComponent.vue' import XmlToolComponent from '@components/XmlToolComponent.vue'
export default { export default {
name:"XmlToolView", name:"XmlToolView",

View File

@@ -1,13 +1,13 @@
{ {
"extends": "@vue/tsconfig/tsconfig.json", "extends": "@vue/tsconfig/tsconfig.json",
"include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
"compilerOptions": { "compilerOptions": {
"baseUrl": ".", "baseUrl": ".",
"paths": { "paths": {
"@/*": ["./src/*"] "@/*": ["./src/*"],
"@components/*":["./src/components/*"],
"@views/*":["./src/views/*"],
} }
}, },
"files": [],
"references": [ "references": [
{ {
"path": "./tsconfig.node.json" "path": "./tsconfig.node.json"
@@ -15,5 +15,13 @@
{ {
"path": "./tsconfig.app.json" "path": "./tsconfig.app.json"
} }
] ],
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"tests/**/*.ts",
"tests/**/*.tsx"
],
"exclude": ["node_modules"],
} }

View File

@@ -10,7 +10,9 @@ export default defineConfig({
], ],
resolve: { resolve: {
alias: { alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)) '@': fileURLToPath(new URL('./src', import.meta.url)),
'@components': fileURLToPath(new URL('./src/components', import.meta.url)),
'@views': fileURLToPath(new URL('./src/views', import.meta.url)),
} }
} }
}) })