Add files via upload

README.md

@@ -0,0 +1,42 @@
+# Nuxt 3 Minimal Starter
+
+Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# yarn
+yarn install
+
+# npm
+npm install
+
+# pnpm
+pnpm install
+```
+
+## Development Server
+
+Start the development server on http://localhost:3000
+
+```bash
+npm run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+npm run build
+```
+
+Locally preview production build:
+
+```bash
+npm run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    <NuxtPage />
+  </div>
+</template>

composables/myFetch.ts

@@ -0,0 +1,10 @@
+export async function myFetch(url: string) {
+  try {
+    return await $fetch('http://url.that.will.respond.with.error.com');
+  } catch (e) {
+    // differentiate error and in case it is a 401/403:
+    console.log('redirecting...');
+    await navigateTo('/login?ret=%2F');
+    throw new Error('unauthenticated');
+  }
+}

nuxt.config.ts

@@ -0,0 +1,11 @@
+// https://v3.nuxtjs.org/api/configuration/nuxt.config
+export default defineNuxtConfig({
+  ssr: false,
+
+  modules: ['@nuxtjs/i18n'],
+
+  i18n: {
+    defaultLocale: 'en',
+    strategy: 'no_prefix',
+  },
+});

package.json

@@ -0,0 +1,14 @@
+{
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "devDependencies": {
+    "@nuxtjs/i18n": "^8.0.0-rc.4",
+    "nuxt": "^3.7.1"
+  }
+}

pages/index.vue

@@ -0,0 +1,7 @@
+<template><div>Should redirect</div></template>
+
+<script setup>
+await useAsyncData(async () => {
+  return myFetch('foo');
+});
+</script>

pages/login.vue

@@ -0,0 +1,12 @@
+<template>
+  Login
+  <button @click="nav">Button</button>
+</template>
+
+<script setup lang="ts">
+const nav = async () => {
+  console.log('navigating to page2');
+  const ret = await navigateTo({ path: '/page2', query: { q: 'foo' } });
+  console.log('done', ret);
+};
+</script>

pages/page2.vue

@@ -0,0 +1 @@
+<template>Page2 <a href="/">Home</a></template>