Migrate to Vite builder (#22)

* Migrate to Vite builder
Mikescops · Feb 16, 2022 · 0d485f3 · 0d485f3
1 parent 933fe75
commit 0d485f3
Show file tree

Hide file tree

Showing 17 changed files with 5,775 additions and 11,056 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -3,7 +3,7 @@ module.exports = {
     env: {
         browser: true,
         commonjs: true,
-        node: true,
+        es2021: true,
         es6: true
     },
     parser: 'vue-eslint-parser',

diff --git a/public/favicon.ico → example/assets/favicon.ico b/public/favicon.ico → example/assets/favicon.ico
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+        <link rel="icon" href="/assets/favicon.ico" />
+        <title>Vue Virtual Grid | Example</title>
+    </head>
+    <body>
+        <noscript>
+            <strong
+                >We're sorry but Vue Virtual Grid | Example doesn't work properly without JavaScript enabled. Please
+                enable it to continue.</strong
+            >
+        </noscript>
+        <div id="app"></div>
+        <script type="module" src="/src/main.ts"></script>
+    </body>
+</html>
diff --git a/example/App.vue → example/src/App.vue b/example/App.vue → example/src/App.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="app">
-        <img alt="Vue logo" src="./assets/logo.png" /> <br />
+        <img alt="Vue logo" src="../assets/logo.png" /> <br />
         <a class="button" v-on:click="resetList()">Reset Component</a>
         <VirtualGrid
             v-if="loaded"
@@ -16,8 +16,8 @@
 
 <script lang="ts">
 import { Component, Provide, ProvideReactive, Vue } from 'vue-property-decorator';
-import VirtualGrid from '../src/VirtualGrid.vue';
-import { Item, VirtualGridInterface } from '../src/types';
+import VirtualGrid from '../../src/VirtualGrid.vue';
+import { Item, VirtualGridInterface } from '../../src/types';
 import Loader from './components/Loader.vue';
 
 // Custom components to render

diff --git a/example/components/Image.vue → example/src/components/Image.vue b/example/components/Image.vue → example/src/components/Image.vue
@@ -4,7 +4,7 @@
 
 <script lang="ts">
 import { Prop, Component, Vue } from 'vue-property-decorator';
-import { Item } from '../../src/types';
+import { Item } from '../../../src/types';
 
 export interface Image {
     alt: string;

diff --git a/example/components/Loader.vue → example/src/components/Loader.vue b/example/components/Loader.vue → example/src/components/Loader.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="loader">
-        <img src="../assets/loader.svg" />
+        <img src="../../assets/loader.svg" />
         <p>We limit the loading speed for demo purpose only.</p>
     </div>
 </template>

diff --git a/example/components/Map.vue → example/src/components/Map.vue b/example/components/Map.vue → example/src/components/Map.vue
@@ -14,7 +14,7 @@
 
 <script lang="ts">
 import { Prop, Component, Vue } from 'vue-property-decorator';
-import { Item } from '../../src/types';
+import { Item } from '../../../src/types';
 
 export interface Map {
     coordinates: string;

diff --git a/example/components/Title.vue → example/src/components/Title.vue b/example/components/Title.vue → example/src/components/Title.vue
@@ -6,7 +6,7 @@
 
 <script lang="ts">
 import { Prop, Component, Vue } from 'vue-property-decorator';
-import { Item } from '../../src/types';
+import { Item } from '../../../src/types';
 
 export interface Title {
     title: string;

diff --git a/example/main.ts → example/src/main.ts b/example/main.ts → example/src/main.ts