Implemented basic Vue.js frontend #222
@@ -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('');
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,5 +1,4 @@
 | 
				
			|||||||
<script setup lang="ts">
 | 
					<script setup lang="ts">
 | 
				
			||||||
import { onMounted, ref, watch } from 'vue';
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,6 +1,5 @@
 | 
				
			|||||||
<script setup lang="ts">
 | 
					<script setup lang="ts">
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
<template>
 | 
					<template>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -1,5 +1,4 @@
 | 
				
			|||||||
<script setup lang="ts">
 | 
					<script setup lang="ts">
 | 
				
			||||||
import { onMounted, ref, watch } from 'vue';
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					
 | 
				
			||||||
</script>
 | 
					</script>
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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
									
								
							
							
						
						
									
										1
									
								
								new-frontend/src/shims-vue.d.ts
									
									
									
									
										vendored
									
									
										Normal file
									
								
							@@ -0,0 +1 @@
 | 
				
			|||||||
 | 
					declare module '*.vue';
 | 
				
			||||||
@@ -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",
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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",
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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",
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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",
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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"],
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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)),
 | 
				
			||||||
    }
 | 
					    }
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
})
 | 
					})
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user