[READ-ONLY] Mirror of https://github.com/probablykasper/capacitor-svelte-snowpack-template.
capacitor
svelte
template
Lint
+54
-57
+4
-4
public/index.html
+4
-4
public/index.html
···
1
1
<!DOCTYPE html>
2
-
<html lang='en'>
2
+
<html lang="en">
3
3
<head>
4
-
<meta charset='utf-8' >
5
-
<meta name='viewport' content='width=device-width,initial-scale=1' >
4
+
<meta charset="utf-8" />
5
+
<meta name="viewport" content="width=device-width,initial-scale=1" />
6
6
</head>
7
7
<body>
8
-
<script type='module' src='/dist/index.js'></script>
8
+
<script type="module" src="/dist/index.js"></script>
9
9
</body>
10
10
</html>
+5
-8
snowpack.config.js
+5
-8
snowpack.config.js
···
1
1
/** @type {import("snowpack").SnowpackUserConfig } */
2
2
module.exports = {
3
3
mount: {
4
-
public: {url: '/', static: true},
5
-
src: {url: '/dist'},
4
+
public: { url: '/', static: true },
5
+
src: { url: '/dist' },
6
6
},
7
-
plugins: [
8
-
'@snowpack/plugin-svelte',
9
-
'@snowpack/plugin-typescript',
10
-
],
7
+
plugins: ['@snowpack/plugin-svelte', '@snowpack/plugin-typescript'],
11
8
install: [],
12
9
installOptions: {},
13
10
devOptions: {
···
17
14
buildOptions: {
18
15
out: './build',
19
16
sourceMaps: true,
20
-
},
17
+
},
21
18
alias: {},
22
19
experiments: {
23
20
optimize: {
24
21
bundle: true,
25
22
},
26
23
},
27
-
};
24
+
}
+9
-9
src/App.svelte
+9
-9
src/App.svelte
···
1
-
<script lang='ts'>
2
-
import {onMount} from 'svelte'
1
+
<script lang="ts">
2
+
import { onMount } from 'svelte'
3
3
import Counter from './Counter.svelte'
4
4
5
-
let count: number = 0;
5
+
let count: number = 0
6
6
onMount(() => {
7
-
const interval = setInterval(() => count++, 1000);
8
-
return () => clearInterval(interval);
9
-
});
7
+
const interval = setInterval(() => count++, 1000)
8
+
return () => clearInterval(interval)
9
+
})
10
10
</script>
11
-
12
-
<style lang='sass'>
11
+
12
+
<style lang="sass">
13
13
:global(body)
14
14
margin: 0
15
15
font-family: Arial, Helvetica, sans-serif
···
26
26
border-radius: 4px
27
27
</style>
28
28
29
-
<template lang='pug'>
29
+
<template lang="pug">
30
30
main
31
31
h1 Hello world
32
32
p Edit #[code src/Counter.svelte] to trigger HMR
+3
-3
src/Counter.svelte
+3
-3
src/Counter.svelte
···
1
-
<script lang='ts'>
1
+
<script lang="ts">
2
2
export let count: number
3
3
</script>
4
4
5
-
<style lang='sass'>
5
+
<style lang="sass">
6
6
code
7
7
background: #e6e6e6
8
8
padding: 3px 6px
9
9
border-radius: 4px
10
10
</style>
11
11
12
-
<template lang='pug'>
12
+
<template lang="pug">
13
13
p Counter: #[code {count}] seconds
14
14
</template>
+4
-4
src/index.ts
+4
-4
src/index.ts
···
1
-
import App from "./App.svelte";
1
+
import App from './App.svelte'
2
2
3
3
var app = new App({
4
4
target: document.body,
5
-
});
5
+
})
6
6
7
-
export default app;
7
+
export default app
8
8
9
9
// The code below enables HMR
10
10
interface ImportMeta {
11
-
[hot: string]: any;
11
+
[hot: string]: any
12
12
}
13
13
const meta: ImportMeta = import.meta
14
14
if (meta.hot) {
+2
-2
svelte.config.js
+2
-2
svelte.config.js
+27
-27
types/static.d.ts
+27
-27
types/static.d.ts
···
3
3
4
4
// CSS MODULES
5
5
declare module '*.module.css' {
6
-
const classes: { [key: string]: string };
7
-
export default classes;
6
+
const classes: { [key: string]: string }
7
+
export default classes
8
8
}
9
9
declare module '*.module.scss' {
10
-
const classes: { [key: string]: string };
11
-
export default classes;
10
+
const classes: { [key: string]: string }
11
+
export default classes
12
12
}
13
13
declare module '*.module.sass' {
14
-
const classes: { [key: string]: string };
15
-
export default classes;
14
+
const classes: { [key: string]: string }
15
+
export default classes
16
16
}
17
17
declare module '*.module.less' {
18
-
const classes: { [key: string]: string };
19
-
export default classes;
18
+
const classes: { [key: string]: string }
19
+
export default classes
20
20
}
21
21
declare module '*.module.styl' {
22
-
const classes: { [key: string]: string };
23
-
export default classes;
22
+
const classes: { [key: string]: string }
23
+
export default classes
24
24
}
25
25
26
26
// CSS
27
-
declare module '*.css';
28
-
declare module '*.scss';
29
-
declare module '*.sass';
30
-
declare module '*.less';
31
-
declare module '*.styl';
27
+
declare module '*.css'
28
+
declare module '*.scss'
29
+
declare module '*.sass'
30
+
declare module '*.less'
31
+
declare module '*.styl'
32
32
33
33
// IMAGES
34
34
declare module '*.svg' {
35
-
const ref: string;
36
-
export default ref;
35
+
const ref: string
36
+
export default ref
37
37
}
38
38
declare module '*.bmp' {
39
-
const ref: string;
40
-
export default ref;
39
+
const ref: string
40
+
export default ref
41
41
}
42
42
declare module '*.gif' {
43
-
const ref: string;
44
-
export default ref;
43
+
const ref: string
44
+
export default ref
45
45
}
46
46
declare module '*.jpg' {
47
-
const ref: string;
48
-
export default ref;
47
+
const ref: string
48
+
export default ref
49
49
}
50
50
declare module '*.jpeg' {
51
-
const ref: string;
52
-
export default ref;
51
+
const ref: string
52
+
export default ref
53
53
}
54
54
declare module '*.png' {
55
-
const ref: string;
56
-
export default ref;
55
+
const ref: string
56
+
export default ref
57
57
}
58
58
59
59
// CUSTOM