geoff
/
vite-riot-template
mirror of https://github.com/n2geoff/vite-riot-template.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor example

This commit is contained in:
Geoff Doty 2025-03-22 18:13:08 -04:00
parent d16cb4fbda
commit fdd857c01c
9 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/main.js → app/boot.js
View File

@ -2,9 +2,9 @@ import * as riot from "riot";
import {Route, Router} from "@riotjs/route"; import {Route, Router} from "@riotjs/route";
import app from "./components/app.riot"; import app from "./components/app.riot";
const main = { const boot = {
// start-up actions here // start-up actions here
init() { start() {
// install plugins // install plugins
this.plugins(); this.plugins();
@ -18,8 +18,8 @@ const main = {
// add your own features here // add your own features here
component.version = { component.version = {
riot: "9.x.x", riot: "9.x.x",
vite: "5.x.x", vite: "6.x.x",
app: "3.1.0" app: "4.0.0"
}; };
}); });
}, },
@ -35,4 +35,4 @@ const main = {
} }
} }
main.init(); boot.start();

4
src/components/app.riot → app/components/app.riot
View File

@ -13,8 +13,8 @@
</section> </section>
<script> <script>
import RiotWelcome from "./riot-welcome.riot"; import RiotWelcome from "../pages/riot-welcome.riot";
import RiotAbout from "./riot-about.riot"; import RiotAbout from "../pages/riot-about.riot";
export default { export default {
components: { components: {

0
src/css/main.css → app/css/main.css
View File

8
src/components/riot-about.riot → app/pages/riot-about.riot
View File

@ -7,16 +7,16 @@
<h3>Single-Page-Application</h3> <h3>Single-Page-Application</h3>
<p><code>components</code></p> <p><code>components/pages</code></p>
<p><code>state</code></p> <p><code>state</code></p>
<p><code>routing</code></p> <p><code>routing</code></p>
<p> <p>
These core examples are in<br/> These core examples are in<br/>
<code>src/components/app.riot</code> <code>app/components/app.riot</code>
<p> <p>
global components are registered in <br/> bootstrap global configuration in <br/>
<code>src/app.js</code> <code>app/boot.js</code>
</p> </p>
</p> </p>
<br> <br>

13
src/components/riot-welcome.riot → app/pages/riot-welcome.riot
View File

@ -3,18 +3,19 @@
<h2>Welcome to Your Riot.js Application</h2> <h2>Welcome to Your Riot.js Application</h2>
<p> <p>
Start your development with Start development with
<a>Riot</a>, a component-based ui library, running on the <a>RiotJS</a>, a component-based ui library,
<a>Vite</a> front-end tooling. <a>Riot/Route</a>, a client-side routing library, and
<a>Vite</a> front-end build tooling.
</p> </p>
<h3>Getting Started</h3> <h3>Getting Started</h3>
<p> <p>
This page is found at <br/> This page is found at <br/>
<code>src/components/riot-welcome.riot</code> <code>app/pages/riot-welcome.riot</code>
<p> <p>
and is registered via <br/> and is registered via <br/>
<code>src/app.js</code> <code>app/boot.js</code>
</p> </p>
</p> </p>
@ -30,7 +31,7 @@
<span> <span>
<a href="https://vitejs.dev/guide/">Vite</a> <a href="https://vitejs.dev/guide/">Vite</a>
<br/> <br/>
<code>v5.x</code> <code>v6.x</code>
</span> </span>
</div> </div>

0
src/public/assets/images/square.svg → app/public/assets/images/square.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 949 B

After

Width:  |  Height:  |  Size: 949 B

0
src/public/favicon.ico → app/public/favicon.ico
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 175 KiB

After

Width:  |  Height:  |  Size: 175 KiB

4
index.html
View File

@ -3,12 +3,12 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/src/css/main.css"> <link rel="stylesheet" href="/app/css/main.css">
<title>Riot Template</title> <title>Riot Template</title>
</head> </head>
<body> <body>
<app></app> <app></app>
<script type="module" src="/src/main.js"></script> <script type="module" src="/app/boot.js"></script>
</body> </body>
</html> </html>

4
vite.config.js
View File

@ -2,8 +2,8 @@ import { defineConfig } from "vite";
import riot from 'rollup-plugin-riot'; import riot from 'rollup-plugin-riot';
export default defineConfig({ export default defineConfig({
input: "src/components", input: "app/**/*",
output: "dist/bundle.js", output: "dist/bundle.js",
plugins: [riot()], plugins: [riot()],
publicDir: 'src/public' publicDir: 'app/public'
}); });